9.) CSS Shapes: The padding-box value
In this video, we’ll explore using the padding-box value with the shape-outside function. This value defines the shape’s position based on the outer edges of the container’s padding. We'll break down how adjusting padding affects the size and flow of content around shapes. We'll also look at how margin, borders, and box-sizing can affect how shapes are sized when using the padding-box value too.
------------------------------------------------------------------------------
🔗 Demo Links:
https://codepen.io/brianmtreese/pen/Z...
https://codepen.io/brianmtreese/pen/d...
------------------------------------------------------------------------------
📖 Chapters:
0:00 – Introduction
0:30 – Adding the padding-box value
1:38 – How margin, borders, and box-sizing affects how shapes are drawn
------------------------------------------------------------------------------
#css #cssshapes #coding