Preethi is a web developer and writer. She jots down mostly on front-end development, especially designing with CSS. Preethi is also a chai addict and strongly believes that Captain Planet is the best superhero of all time.
Gradients are a powerful CSS feature. We use them for texture, depth, and even to hide parts of elements with CSS masking. This article covers another interesting way to use gradients — as a hover effect that affects the appearance of other elements around the hovered element.
Read more…
We often think of shadows in CSS as something to reach for when we want to add depth to a design. But shadows can be used for more than depth. Let’s experiment with different shadows — two CSS properties and a filter — to make interesting hover effects, different text styles, and even casting shadows on other shadows.
Read more…