How to Setup CSS Animations with @keyframes

visioncraft

I'd like to setup an infinite animation which is quite simple, using only CSS - which requires us to use @keyframes. I have added an HTML Widget to my page, and then tried to go into the widget's content editor to setup my CSS animation there.

I can add the css attributes I need for the animation setup, and even the animation: attribute itself. But Duda seems to not like it very much when I try to define @keyframes: as soon as I close the content editor, my @keyframes definition disappears…

What is the 'Duda way' to define the @keyframesfor my custom animation? Do I have to create a custom widget? I feel like I might be missing something obvious…

Egill_Vignisson

following! ;)

Tom_Grissom

FOLLOWING!

Aj_Cre8

You should use Dev Mode.. The content editor for HTML/CSS is wonky. Set your classes and keyframes up 100% in Dev Mode, and then just add the class to the element.