Search Header Logo
what we have done

what we have done

Assessment

Presentation

Computers

7th - 10th Grade

Easy

Created by

hitesh kumar

Used 9+ times

FREE Resource

7 Slides • 6 Questions

1

what we will do taday

lets start. Presented by Hitesh.

Slide image

2

what is animations in CSS

by hitesh

3

animations are used to add animations in our website

  • So lets start

4

Multiple Choice

for what animations are used

1

for adding images

2

for adding animations

3

for making video

5

how to add animation

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

animation:name time repeat.

6

Fill in the Blanks

Type answer...

7

what is keyframes

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

  • @keyframes name{

  • }

8

Fill in the Blanks

Type answer...

9

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.

10

Fill in the Blanks

Type answer...

11

we can use from and to also inside the keyframes

for example:@keyframes name{

from{

}

to{

}

}

12

Fill in the Blanks

Type answer...

13

Fill in the Blanks

Type answer...

what we will do taday

lets start. Presented by Hitesh.

Slide image

Show answer

Auto Play

Slide 1 / 13

SLIDE