How to Setup CSS Animations with @keyframes

visioncraft
visioncraft Member Posts: 140 Learner

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…

Answers