CSS: clip-path и анимация



Читать



CSS-свойство clip-path создает видимую область части элемента. То есть, все, что находится внутри такой области (clipping region), будет видно, а все, что находится вне этой области, будет скрыто.

А теперь самое интересное: свойство clip-path поддерживает transition.

Поэтому можно использовать различные CSS-селекторы, в том числе :hover, и менять координаты. Таким образом мы можем менять форму видимой области и создавать крутые динамические эффекты.



#frontend #css