How to add complex image masking to website images with CSS clip-path and Figma

Описание к видео How to add complex image masking to website images with CSS clip-path and Figma

You may have seen image masks on sites like Abbotsford Convent or Creative Lives in Progress – of course you can prepare images manually but why not make it easy and flexible by letting CSS do the work! In this tutorial, Rik will show you how to add both simple and complex image masking by taking a Figma prepared SVG and implementing with CSS clip-path.

00:00 Intro
00:33 Basic mask shapes
03:26 Kylie alert
03:32 Complex mask shapes
15:30 Outro

Links:
https://abbotsfordconvent.com.au/
https://www.creativelivesinprogress.com/

Demo:
https://superhi-videos.s3.amazonaws.c...

Download:
https://superhi-videos.s3.amazonaws.c...

Photos by Agustín Farías on Death to Stock:
https://agustinfarias.com/

Комментарии

Информация по комментариям в разработке

Похожие видео