(function openLouie() { let louie = document.getElementById("Dropdown-Toggle-14"); louie.classList = "host-toggle w-dropdown-toggle w--open"; console.log(louie); })();

You can add shadow effects to elements in your web projects. You can use the Shadow style you created in the Custom Style section by adding it to different screens/elements from the Load Style section. You can edit, duplicate and delete the Shadow styles you have created at any time.


You can specify the color tone you want for your shadow by entering the hex code, RGB values ​​or selecting it from the color picker.



You specify the position of your shadow by entering + and - values.


You can set the amount of blur of your shadow.


The value you enter determines how much your shadow spreads to the background.

Simplicity Meets High Performance

Free edition subscription
Keep your work
No credit card required to try