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.
I’ve see the similar request here How to fade in secondary product image on hover in Woocommerce product archive? but not sure if the same.
Many thanks
Alan
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.
Been there haha, hope you’re better soon.
If you’re looking for it to be pulsating look at this and modify to your liking