How to Setup CSS Animations with @keyframes

Options
visioncraft
visioncraft Member Posts: 148 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…

Tagged:

Answers

  • Egill_Vignisson
    Egill_Vignisson Member Posts: 3
    Options

    following! ;)

  • Tom_Grissom
    Tom_Grissom Member Posts: 9
    Options

    FOLLOWING!

  • Aj_Cre8
    Aj_Cre8 Member Posts: 659 MVP
    Options

    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.

Categories