Xususiyatini o‘rganish

1-misol. Kursorni boshqarishda HTML-da ob'ektni aylantirish

U uchun Kvadrat2 sinfini va psevoklassni yaratamiz: Hover, aylanishi va rang o'zgarishi va yorqin 888-sonli # 888 bilan).

Sahifa quyidagilarga aylantiriladi

Ammo bu aylanish keskin yuz beradi va "samarali ko'rinmaydi". Uni osonlikcha tuzatish mumkin. Quyidagi misol animatsiya orqali amalga oshiriladi.

1-misol # 3. HTML-da kursor (animatsiya) ni boshqarishda silliq aylanish

Tirik ravishda aylanish (yoki boshqa tekislash so'zlari) uchun siz boshqa mulk mulkini ro'yxatdan o'tkazishingiz kerak. Ushbu mulk silliqlash vaqti va ta'siri uchun javobgardir. Ushbu misolda 1 soniya chiziqli chiziqli chiziq bilan o'tish bilan eng oson ishni muhokama qiladi

Sahifa quyidagilarga aylantiriladi

Bu juda yaxshi bo'ldi va bunday animatsiya saytda CSS hisobidan ta'sir ko'rsatish uchun ko'plab imkoniyatlar yaratadi.