![](http://webcf.waybackmachine.org/web/20210130232839im_/https://habrastorage.org/getpro/habr/avatars/df3/98c/699/df398c699fe20a0144b1913c5f915052.png)
Как понять свойство clip-path в CSS
- Перевод
- Tutorial
В те далёкие времена, когда я впервые столкнулся со свойством CSS
![](https://webcf.waybackmachine.org/web/20210130232839im_/https://habrastorage.org/webt/er/qx/rq/erqxrqgid-ve7uuzo8xs2d7_3m4.jpeg)
Тогда ныряем!
clip-path
, мне потребовалось больше времени, чем я ожидал, и я изо всех сил старался запомнить, как работает свойство. Не знаю точно, почему так получилось, но, может быть, потому, что я не пользовался им часто? Во всяком случае, я изучу его снова вместе с вами. В этой статье я стремлюсь дать чёткое, детальное объяснение того, как работает clip-path, когда его использовать и как вы можете воспользоваться им в своих проектах веб-разработки. Вы готовы?![](https://webcf.waybackmachine.org/web/20210130232839im_/https://habrastorage.org/webt/er/qx/rq/erqxrqgid-ve7uuzo8xs2d7_3m4.jpeg)