Tweet
There is a new trend in web design these days and that is to have a glowing button effect for call to action (CTA) buttons in an other-wise clean and flat design. In this post, I will create a simple button and apply glow effect with CSS on it when user hovers over it. We can also use the CSS presented below to add a permanent glow effect to CSS buttons.
Add the following code in the theme css_additional.css template you are using.
Demo: all buttons on this site
How can I do?
Add the following code in the theme css_additional.css template you are using.
HTML Code:
/* all button hover glow s */
.b-button:hover {
background: #03e9f4;
color: #fff;
border-radius: 5px;
box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4, 0 0 100px #03e9f4;
}
/* all button hover glow e */
How can I do?
Comment