Xususiyatini o‘rganish

5: Scaling

Tarmoq - bu CSS3 ning qiziqarli xususiyati. Parametrdan foydalanish shkala (n) yoki parametr shkala (x, y), Biz o'sishimiz yoki ob'ektni to'g'ridan-to'g'ri HTML orqali kamaytirishimiz yoki kamaytirishimiz mumkin. Ob'ekt N / X, y qiymatiga qarab o'lchamni o'zgartiradi, u erda X o'q kengligi va y balandlik.
Keling, quyidagi misolni ko'rib chiqaylik.

CSS tez sur'atlar bilan rivojlanayotganligi sababli, ko'plab saytlarda juda qiziqarli elementlar uchun JavaScript-dan foydalanmasdan, JavaScript-ni qiziqtirmasdan yanada osonlashtirildi. Bugungi darsda biz kalit freym yordamida animatsiya yaratishingiz mumkinligini ko'ramiz (bu CSS o'zgartirilishi bilan ham qiziqroq). Shuningdek, bizning animatsiyaimiz nafaqat bir tekislikda emas, balki kuch bilan 3D bo'ladi. Agar siz bunday ta'sirni qo'llashingiz mumkinligini bilmasangiz, to'liq yangiliklarga boring va u erda men sizga bu haqda aytib beraman.

Agar CSS oldingi qator darslaridan Firefox, Chrome, Safari va Internet Explorer 10+ brauzerlaridan ishlagan bo'lsa, unda 3D animatsioner va Mozilla brauzerida ishlaydi. Eng oddiy o'zgarishlar IE10-da ishlaydi, ammo boshqa murakkab narsa bor - yo'q, chunki bu brauzer 3D qatlamni yaratish uchun saqlanadigan 3D parametrini qo'llab-quvvatlamaydi.