Use the new shape() and create a cool CSS-only blob shape. Get the code from my online generator.| CSS Tip: Learn CSS the easy way
Another classic shape made easy with the new shape() function. A heart shape with a simple code.| CSS Tip: Learn CSS the easy way
Another experimentation using the new shape() function to add rounded corners to a box with a triangular shape.| CSS Tip: Learn CSS the easy way
We can create a hexagon shape using clip-path: polygon() but what about the rounded corners variation? It's now possible with the new clip-path: shape(). The code is more complex but you can easily control it using CSS variables.| CSS Tip: Learn CSS the easy way
flex-wrap: wrap allows items to wrap onto multiple lines but it has another function. It transforms your flex container from a single-line to a multi-line container even if at the end you have only one flex line. This means we can use align-content to align the content.| CSS Tip: Learn CSS the easy way
Using the new attr() function, we can customize a progress element based on the progression. We can, for example, have a different coloration for each range of values! A single-element implementation without JavaSript.| CSS Tip: Learn CSS the easy way