Крис Койер, известный веб-разработчик и основатель CSS-Tricks, опубликовал интересную статью о малоизвестных CSS-функциях. В материале рассматриваются такие функции, как light-dark(), xywh(), round() и perspective(), которые могут значительно упростить работу с цветовыми схемами, формами и 3D-трансформациями в веб-дизайне.
Особое внимание уделяется функции light-dark(), которая облегчает создание адаптивных цветовых схем для светлых и темных тем без использования сложных медиа-запросов. Автор также описывает применение xywh() для работы с clip-path и offset-path, что открывает новые возможности для создания и анимации форм. Функции round() и perspective() дополняют арсенал инструментов для точного контроля над числовыми значениями и 3D-эффектами соответственно.
Статья будет полезна фронтенд-разработчикам, стремящимся расширить свои знания о современных возможностях CSS. Понимание этих функций может помочь оптимизировать код, улучшить пользовательский опыт и создавать более гибкие и эффективные стили. Рекомендуем ознакомиться с полным текстом, чтобы узнать больше о практическом применении этих CSS-функций и их текущей поддержке в браузерах.
#CSS #WebDesign #FrontendDev #CSSFunctions #WebPerformance
https://chriscoyier.net/2023/10/17/a-couple-of-new-css-functions-id-never-heard-of/
Особое внимание уделяется функции light-dark(), которая облегчает создание адаптивных цветовых схем для светлых и темных тем без использования сложных медиа-запросов. Автор также описывает применение xywh() для работы с clip-path и offset-path, что открывает новые возможности для создания и анимации форм. Функции round() и perspective() дополняют арсенал инструментов для точного контроля над числовыми значениями и 3D-эффектами соответственно.
Статья будет полезна фронтенд-разработчикам, стремящимся расширить свои знания о современных возможностях CSS. Понимание этих функций может помочь оптимизировать код, улучшить пользовательский опыт и создавать более гибкие и эффективные стили. Рекомендуем ознакомиться с полным текстом, чтобы узнать больше о практическом применении этих CSS-функций и их текущей поддержке в браузерах.
#CSS #WebDesign #FrontendDev #CSSFunctions #WebPerformance
https://chriscoyier.net/2023/10/17/a-couple-of-new-css-functions-id-never-heard-of/
Chris Coyier
A Couple of New CSS Functions I’d Never Heard Of
light-dark() Saw Bramus post about this. :root { color-scheme: light dark; –text-color: light-dark(#333, #ccc); } Apparently, this is just a first step on the way toward a more robust schemed…
👍1