G
enby!

ОБ ЭТОМ могут спросить на собеседовании ВЕРСТАЛЬЩИКА или ФРОНТЕНДЕРА

В CSS появилось много новинок и одна из них — это тригонометрические функции. Теперь удивить своими знаниями на собеседовании стало проще, ведь на этом канале ты узнаешь, как сделать старые фишки, но по новым правилам. Например, вы сможете прямо сейчас сказать, как сделать циферблат на чистом CSS? Возможно, первое, что придёт в голову — использовать position, чтобы поставить каждую цифру на своё место. Но есть метод проще! Демо: 1) Циферблат на position - https://codepen.io/anna_blok/pen/xxMZLoM
2) Циферблат на position и transform - https://codepen.io/anna_blok/pen/mdvVBGm
3) Циферблат с sin() и cos() - https://codepen.io/anna_blok/pen/MWLKdmB
Статья о том, как анимировать стрелки на чистом CSS для циферблата - https://css-tricks.com/creating-a-clo...
Видео про тригонометрические функции CSS -    • CSS этой новинкой смог заменить JavaScript   Таймкоды: 00:00 Вступление 00:35 Для чего нужны тригонометрические функции CSS? 00:49 Циферблат с position 01:57 Мегамаркет 02:37 Циферблат с transform 03:01 Циферблат с CSS функцией sin() и cos() 🔵 Telegram — https://t.me/frontendblok
🔵 Чат Telegram — https://t.me/frontendblokchat
🔵 Instagram —   / annblok   🔵 TikTok —   / annblok_webdev   🔵 Дзен — https://zen.yandex.ru/annblok
🔵 ВК — https://vk.com/tpverstak
🔴 Обучение - https://frontendblok.com
#верстальщик #фронтенд #frontend

Смотрите также