How to Setup CSS Animations with @keyframes

visioncraft Member Posts: 158 Learner
edited April 4 in Ask a Question

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
    Egill_Vignisson Member Posts: 3

    following! ;)

  • Tom_Grissom
    Tom_Grissom Member Posts: 9


  • Aj_Cre8
    Aj_Cre8 Member Posts: 676 MVP

    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.