css, 💡 CSS Tip!
Use modern CSS to add a status indicator to your avatar using less than 10 CSS declarations and without extra elements.
✅ Only the image element
✅ No pseudo-element
✅ Transparent gap
✅ Optimized with CSS variablesDemo: https://codepen.io/t_afif/full/yLrWeQP via :codepen: @codepen
Online Version: https://css-tip.com/status-indicator/
three rounded images with a status indicator at the bottom right
Add comment