Hi, Is it possible to fade in a drop shadow around a button ( or anything else for that matter )?
I want to create a glow effect that fades in and out when clicked.
I’ve been looking at the interactions but can’t see any way to achieve this.
Use the interaction to add a class to the button, so to itself, on click.
Set a box shadow with transparent color on the regular Button and add a transition. Then once the class is toggled adjust the color of the box shadow.
Are you sure you want it on click though? I’m assuming the button takes you somewhere so a user would barely see the box shadow before leaving the page. Usually you’d do this on hover but not sure what exactly you’re building, so just an assumption.
Many thanks Martin, I’ll have a play with this once my brain fog clears ( After 3 years of dodging the Covid has finally caught up with me )
Yes I didn’t really mean a click event on the button. The idea was to have the pulsing box shadow surround the button to draw attention and encourage someone to press it.