top of page

Wix Studio Tips and Tricks

Public·1 member

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);
}

59 Views

it doesnt work anymore in wix


About

Share your cool Wix Studio Tips and Tricks

bottom of page