Learn to Code Now by Rik Lomas

Author:Rik Lomas [Lomas, Rik]
Language: eng
Format: epub, mobi
Published: 2017-11-15T16:00:00+00:00

100% {

opacity: 0;

}

}

At the moment, the keyframe lives on its own — we’ve only defined what we want to do but we haven’t said which tags to apply our animation to.

The animation rule

Alongside the @keyframes, we need to say which tags have that animation, how long the animation should take, and how many times it should happen.

To add the keyframes to a tag, we can use a new CSS rule called the animation rule. We need to first of all use the name of the keyframe (e.g. if you named it “fadein” we can use that), then say how long you want the animation to take:

@keyframes fadein {

0% {

opacity: 0;

}

100% {

opacity: 1;

}

}

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.