RT T. Afif @ CSS Challenges
💡 CSS Tip!
Add a diagonal infinite shadow to your rounded image.
✅ No extra element (only the image tag)
✅ No pseudo-elements
✅ Optimized with CSS variables
Demo: https://codepen.io/t_afif/full/mdvaeoq via @CodePen
#CSS
<div class="rsshub-quote">
T. Afif @ CSS Challenges: 💡 CSS Tip!
Add an infinite shadow to your image in any direction using a few lines of code
✅ No extra element (only the <img> tag)
✅ No pseudo-elements
✅ Only 2 CSS properties
✅ Works with rounded corners
Demo: http://codepen.io/t_afif/full/XWoNdGK via @CodePen
#CSS
</div>
https://twitter.com/ChallengesCss/status/1732033798110322808