6.) CSS Shapes: The clip-path property

Опубликовано: 20 Август 2024
на канале: Brian Treese
89
6

In this video, we’ll explore how to visualize CSS Shapes using the clip-path property. By combining clip-path with CSS Shapes, you can clip your elements allowing content to flow around the irregular edges. The clip-path property, part of the CSS Masking Module, works hand in hand with CSS Shapes, using the same shape functions like circle, ellipse, inset, and polygon.

------------------------------------------------------------------------------

🔗 Demo Links:
https://codepen.io/brianmtreese/pen/x...

------------------------------------------------------------------------------

📖 Chapters:
0:00 – Introduction
0:16 – How CSS Shapes affect "float area"
0:50 – The clip-path property
1:24 – How clipping/masking works
1:39 – Using the clip-path property to create a visible shape

------------------------------------------------------------------------------

#css #cssshapes #coding


Смотрите видео 6.) CSS Shapes: The clip-path property онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Brian Treese 20 Август 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 8 раз и оно понравилось людям.