#фишка дня

— Криса Койера знаешь?
— Нет
— Дядька мой

Ладно, кроме шуток. Часто CEO вашей компании даёт стримы и уроки по вёрстке? А CEO CodePen — даёт. От скуки, может?

И тема сегодняшнего выпуска — offset-path. Или как заставить объект следовать контуру.

Сразу демо: https://codepen.io/chriscoyier/pen/ZEdpVev

Весь кайф в том, что offset-path принимает не только описание кривой SVG, но и значения боксовой модели вроде border-box, что означает, что в качестве кривой будут границы родителя!

Да, как правило речь почему-то всегда о круге или волне, но, по-моему, следование квадрату не менее эффектно.

Ну и вообще в официальном твиттере компании CodePen много неожиданного вываливают.

#css #path #animation