-
Posts
-
Hallo,
how is it possible to put an animated logo before loading the slider or on the slider itself as an overlay
i want that my icon is doing something like this
and after the icon animation I want only the icon to be displayed as overlay on the slider ( no logo in top navi ) only if I scroll down the logo in top navi should appear.
after icon animation it should look like this but without logo in header – https://fgi-gmbh.de/
thank you so much
Hey B2LFilms,
Thank you for the inquiry.
Have you tried using the Layer Slider plugin to create a custom slider with different transitions? You could also add a custom image to the theme’s Page Preloading option located in the Enfold > Theme Options panel. It may not look or behave exactly as the examples above, but you should be able to tweak the slider transitions to get almost the same effect.
Best regards,
IsmaelOn your testpage this is an animated svg logo.
You can do that with stroke-dasharray – read f.e. :
https://css-tricks.com/svg-line-animation-works/
https://www.cassie.codes/posts/creating-my-logo-animation/All animation is inside the svg itself ;)
https://webers-webdesign.de/Logo-animiert.svg
or see https://webers-testseite.de/pureinstall/signieren/
on my Signature the stroke-dasharray is used as a mask over the given letters.
But ! you have to read and study intensively how to obtain those svgs. F.e. you had to know the stroke-dashoffset etc. pp.Hallo,
ok thank you so much, the svg is no problem, but how can i put that bevor showing the real page and the open the page with a transition or something?
or is it possible to put a full screen video animation in front of the page that works on mobile and desktop ?
thank you
- You must be logged in to reply to this topic.