• 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)
  • Plugin Author Fabio Rinaldi

    (@fabiorino)

    I’m sorry but I can’t help you: animations based on key-frames are not supported

    Thread Starter W2014

    (@w2014)

    Hallo Fabio,

    but the blurfadein works nice…so, it works also with keyframes…
    the problem is with the blurfadeout…

    but probably you think of adding this some time in the effect-panel…

    thanks for answering

    Plugin Author Fabio Rinaldi

    (@fabiorino)

    I know that it works, but be aware that it may not last with the next update, since it’s something that I’m not officially supporting (yet)

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘text blurfadein + blurfadeout per css3’ is closed to new replies.