💡 The ::marker CSS property makes styling list markers so easy!
Things as simple as changing the color of the marker required ugly hacks not so long ago, but now?
A single line of clean CSS 😃
And it can do so much more. Thread 👇
The new aspect-ratio property is great 🔥
Now any element can be given a proportion. When this element's width changes the height will scale (and vice versa) to keep the desired proportions.
👇 Read more about the use-cases and a fallback for usupporting browsers. Thread 🧵
💡 Gradient text is a great way to improve the look of headings and landing pages.
But the way it's achieved in CSS can be very unintuitive.
Here's a tutorial that explains the process in 3 easy steps: hadrysmateusz.medium.com/gradient-text-…
Here's a full guide to CSS gradients.
I tried to explain the syntax and concepts behind linear & radial CSS gradients.
Both beginners and veterans should be able to learn something new.
This one took a lot of work so I hope you'll enjoy it 😁
💡 In CSS, angles above 180deg can be more easily written using negative values.
Most of us intuitively know what angles from 0 to 180 degrees look like, but I've found it's a lot harder to visualize angles past that point.
For example: Instead of 315deg, write -45deg.