2 replies [Last post]
gautamz07
gautamz07's picture
Offline
Enthusiast
Last seen: 5 years 10 weeks ago
Timezone: GMT+5.5
Joined: 2014-04-24
Posts: 265
Points: 403

animation: blurFadeInOut 3s ease-in backwards;

the values taken by the animation property confuses me , the 3s is the duration , what exactly are the rest of it ? blurFadeInOut is the effect i suppose , but i don't get the need for the last 2 ! .

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 38 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Study the specs

Besides practice, you really need to study the specs backwards and forwards.

See http://www.w3.org/TR/css3-transitions/

and

https://developer.mozilla.org/en-US/docs/Web/CSS/animation

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

gautamz07
gautamz07's picture
Offline
Enthusiast
Last seen: 5 years 10 weeks ago
Timezone: GMT+5.5
Joined: 2014-04-24
Posts: 265
Points: 403

Thanks

Thank you gary !