| | |
|---|
| | | 0% { opacity: 0; transform: translateX(40px); filter: blur(12px); } |
|---|
| | | 100% { opacity: 1; transform: translateX(0); filter: blur(0px); } |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 移å¨ç«¯éé
ï¼ç¼©å° logo ä¸æåï¼å¹¶æ§å¶æ½å±å±å¼å®½åº¦ */ |
|---|
| | | @media (max-width: 767px) { |
|---|
| | | .ys_edu_preloader-wrapper { |
|---|
| | | padding: 0 16px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .ys_edu_img1 { |
|---|
| | | height: 72px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .ys_edu_img1-container { |
|---|
| | | margin-top: -10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .ys_edu_text-container { |
|---|
| | | -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent 100%); |
|---|
| | | mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent 100%); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .ys_edu_char { |
|---|
| | | font-size: clamp(34px, 8.2vw, 46px); |
|---|
| | | transform: translateX(22px); |
|---|
| | | filter: blur(8px); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .ys_edu_start-anim .ys_edu_text-container { |
|---|
| | | animation: ys_edu_slideTextDrawer_mobile 1.1s cubic-bezier(0.25, 1, 0.5, 1) 0.9s forwards; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .ys_edu_start-anim .ys_edu_char { |
|---|
| | | animation: ys_edu_charFadeIn_mobile 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; |
|---|
| | | animation-delay: calc(0.9s + var(--i) * 0.08s); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | @keyframes ys_edu_slideTextDrawer_mobile { |
|---|
| | | 0% { width: 0; margin-left: 0; } |
|---|
| | | 100% { width: min(58vw, 220px); margin-left: 10px; } |
|---|
| | | } |
|---|
| | | |
|---|
| | | @keyframes ys_edu_charFadeIn_mobile { |
|---|
| | | 0% { opacity: 0; transform: translateX(22px); filter: blur(8px); } |
|---|
| | | 100% { opacity: 1; transform: translateX(0); filter: blur(0px); } |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | |
|---|
| | | <div id="ys_edu_custom-preloader"> |
|---|
