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