text blurfadein + blurfadeout per css3
-
Hello, i could style the text in the slider so that blur-fades in, but how can i style it also to fade out? let’s say the text shows up for 10000ms. also, does animation-duration time takes 3000ms from the 10000ms, so that will remain 7000ms? what about fadeout?
.slidertext_white { text-decoration: none; color: #fff; font-size: 14px; font-weight: 400; animation-duration: 3s; animation-name: blurFadeIn; animation-fill-mode:forwards; } @keyframes blurFadeIn{ 0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; transform: scale(1.3); } 100%{ opacity: 1; text-shadow: 0px 0px 1px #fff; transform: scale(1); } }
thanks
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
- The topic ‘text blurfadein + blurfadeout per css3’ is closed to new replies.