The Graphic Styler Widget
Apply any CSS code to an element on your website. Works well with animations from animista.net.
Widget
Web Animation
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60e246334b6c7cafc83d144a_muse-for-you-the-graphic-styler-widget-header-min.png)
*Free with subscription
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60e245d2ae9d78a08288a79d_muse-for-you-the-graphic-styler-widget-1.png)
Apply with graphic style name
Apply any custom effect by assigning the graphic style name that is in the widget to an element via the built-in graphic styles panel in Adobe Muse.
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60e245d54b6c7c135b3d12f6_muse-for-you-the-graphic-styler-widget-2.png)
Add any CSS code
Add any custom CSS code to apply to an element.
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60e245dae2f477bf40b7ecce_muse-for-you-the-graphic-styler-widget-3.png)
Add keyframe code
Add any keyframe code to apply an animation to the element. Works well with animista.net.
Responsive-Ready
The widget works across all breakpoints and can be set to responsive width, responsive width and height, and stretch to browser width.
Multi-Browser Support
Google Chrome
Mozilla Firefox
Safari
Opera
Microsoft Edge
Internet Explorer IE 11+
Version 1.0
Version 1.0
04.04.2017
- Added “The Graphic Styler On Click-Hover Widget” to apply the graphic style on click or on hover. This widget is mostly for animista.net animations. The widget must be installed separately.
Version 1.0
03.25.2017
- Added “The Graphic Styler On Scroll Widget” to apply the graphic style on scroll. This widget is mostly for animista.net animations. The widget must be installed separately.