top of page

Utility

Tools

How to create a Glow effect for Buttons in Wix Studio.

Copy and paste this code into your global.css to create a cool button glow effect. The CSS class for the button code is "Testing" . Make sure to match it with your button's CSS class.



.Testing {
    padding: 0px 0px;
    background-color: #0000;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    letter-spacing: 4px;
    overflow: hidden;
    transition: 0.5s;
    cursor: pointer;
}

.Testing:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 0 5px #fff, 0 0 25px #fff, 0 0 50px #fff, 0 0 200px #fff;
    -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
}

 
 
 

Recent Posts

See All
Wix Dynamic Title Code

<style> #dynamicHeading { font-family: Arial, sans-serif; color: #F25041; display: inline-block; overflow: hidden; white-space:...

 
 
 

Comments

Rated 0 out of 5 stars.
No ratings yet

Add a rating
bottom of page