@Draghonite
Posted
Your solution is near pixel-picture, nice work; unlike mine, it's response on mobile.
I find that there's a weird jitter effect in the overlay due to the transition; my preference would be to get rid of the transition on the overlay, but keep it on the "eye"-con.
As to how the box-shadow properties work, that's quite the read: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow.
Marked as helpful
@GitNutts
Posted
@Draghonite Thanks. I don't think removing the transition on the overlay makes any difference. The jitter effect is because when you hover over the "eye" there is no overlay and I don't think there's a way to change that due to z-index?