Soft looping css-animations in sparkle?

Question
1

hello dear community,

a long time ago i worked with adobe golive and created a relatively simple site with it. with the help of a plugin i integrated css animations (from here https://animista.net). you can see the result here (http://www.andreasraskopp.de). i’m thinking of the font logo in the red area (only soft fade-in), the floating red balloon and the floating designer plus shadow with changing opacity. the latter animations loop pleasantly softly … i can’t recreate this in sparkle myself, but i’m still relatively new to it. do you have an idea or an approach where i can read about it? maybe a way to add the animista code or a completely different approach? i’m grateful for any tips.

best regards from the lower rhine area in germany
andreas

2

Hi @photoshopguru, and welcome onboard! :slight_smile:

Both of those mentioned animations you can create in Sparkle without any code!..
Both of these can be created with One Time Animation that you can find in the right-hand panel under Scroll Effects when you click on the element on the canvas.

The font is a Fade In Place with a Delay, and your red balloon is a Bounce In Place with several Repeats. So yes very achievable.

You might also check out the documentation in using Sparkle - Sparkle Docs, and also the latest videos - https://www.youtube.com/c/SparkleWebsiteBuilder

3

thx and sorry, i was overwhelmed with work lately. will get back to it as soon as possible and then give feedback here. sounds good!