Hello! It seems as I need your help. I’m trying to add a flare effect to most of my buttons, but It doesn’t work at all. I put following code into Global CSS block, but it’s useless.
I don’t know if I should use Elementor’s code for it or anything else.
Give me the clue, please
Best regards!
The code I’m adding:
.button {
&:before
content: ”
position: absolute
top: 0
left: 0
width: 1.5em
height: 100%
background-color: rgba(#fff, 0.6)
transform: translateX(-4em) skewX(-45deg)
&:hover
&:before
animation: move-light 0.5s
@keyframes move-light
from
transform: translateX(-4em) skewX(-45deg)
to
transform: translateX(10em) skewX(-45deg)
}