Chap animatsiyaga EGA kalit kadrlarga misol

CSS3 - animatsiya

Animatsiya - bu shaklni o'zgartirish va elementlar bilan harakatlar yaratish jarayoni.
Asosiy kadrlar CSS3 da oraliq animatsiya bosqichlarini boshqaradi.

Chap animatsiyaga ega kalit kadrlarga misol -

@keyframes animation {
from {background-color: pink;}
to {background-color: green;}
}
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: animation;
animation-duration: 5s;
}
Yuqoridagi misolda asosiy kadrlar sintaksisi bilan balandligi, kengligi, rangi, nomi va animatsiya davomiyligi ko'rsatilgan.

Chap animatsiyani siljitish

Tutorials Point

this is an example of moving left animation .

Reload page

Tutorials Point

This is an example of animation left with an extra keyframe

to make text changes.

Reload page