Make your Button Pulse - Simple CSS - Elementor Wordpress Tutorial

Elementor styling only allows buttons to pulse on hover. But if you want the button to pulse regardless if you hover on it, then this is how.

Add the CSS to the Button;

.elementor-button {
box-shadow: 0 0 0 rgba(255,255,255, 0.9);
animation: pulse 2s infinite;
}
.elementor-button:hover {
animation: none;
}

@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.9);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
box-shadow: 0 0 0 0 rgba(255,255,255, 0.9);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
box-shadow: 0 0 0 10px rgba(255,255,25544, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
box-shadow: 0 0 0 0 rgba(255,255,255, 0);
}
}


Make your Button Pulse - Simple CSS - Elementor Wordpress Tutorial


We love to create - share - respond - and deliver.

🧐 Learn with our Mastery Modules: https://websquadron.co.uk/web-design-...
👕 Get our Merchandise: https://websquadron.co.uk/merchandise
😃 Join our Facebook Group:   / 3309523509284305  
😃 Get Code Snippets: https://r.freemius.com/10565/3304295/
😃 Get Elementor Pro: https://be.elementor.com/visit/?bta=2...
🥹 Support us: https://paypal.me/Websquadron


Hire us to work on your Website!

💌 [email protected]
👩💻 Visit https://websquadron.co.uk