what we have done

what we will do taday

lets start. Presented by Hitesh.

what is animations in CSS

by hitesh

animations are used to add animations in our website

• So lets start

Multiple Choice

for what animations are used

• for adding images

• for adding animations

• for making video

how to add animation

for adding animation we have to write 3 things in a property called animation.

animation:name time repeat.

Fill in the Blanks

the three main things for adding animations are name ,repeat and

what is keyframes

• after entering name in animation we have to animate that name now so we write

• @keyframes name{

• }

Fill in the Blanks

After entering name in animation we have to animate that name now so we write

{

}

how to give values inside keyframes

now we have to give the animation that we have to apply.so

we write values from 0% to 100% in it

for example-

@keyframes name{

0%{}

50%{}

}

Note: The values should be in equal difference.

Fill in the Blanks

@keyframes{

_%{

}

100%{

}

we can use from and to also inside the keyframes

for example:@keyframes name{

from{

}

to{

}

}

Fill in the Blanks

we can use from and

also instead of writing 0% and more

Fill in the Blanks

from{

}

_{

}