Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 12, 2025 at 12:16 pm #1492462
    ebenanders

    Hi,
    the standard animation of the buttons on a full-width slider is currently such that button 1 comes in from the left and button 2 comes in from the right. I would like an animation that fades in smoothly, as in previous projects. How can I adjust this?
    Thank you for help.
    Best regards,
    ebenanders

    December 13, 2025 at 12:34 pm #1492481
    Mike

    Hey ebenanders,
    Try going to your Full With Easy Slider settings Advanced > Slideshow Transition and choose Fade:
    fY2pUhu.md.png

    Best regards,
    Mike

    December 14, 2025 at 4:27 pm #1492498
    ebenanders

    Great, thank you, you can close the thread.

    • This reply was modified 2 weeks, 6 days ago by ebenanders.
    December 14, 2025 at 5:42 pm #1492500
    Guenni007

    but – you can have both by css– let the animation stay at slide (slide sidewards or slide up/down)
    slides comes in by sliding – but buttons fade in: (maybe with delay)

    .avia_transform #top .av_fullscreen .avia-slideshow-button,
.avia_transform #top .av_slideshow_full .avia-slideshow-button,
.avia_transform #top .av_fullscreen .avia-slideshow-button-2, 
.avia_transform #top .av_slideshow_full .avia-slideshow-button-2 {
  opacity: 0;
  transform: translate(0,0);
}

.avia_transform #top .av_fullscreen .active-slide .avia-slideshow-button,
.avia_transform #top .av_slideshow_full .active-slide .avia-slideshow-button,
.avia_transform #top .av_fullscreen .active-slide .avia-slideshow-button-2, 
.avia_transform #top .av_slideshow_full .active-slide .avia-slideshow-button-2 {
  visibility: visible;
  animation: caption-top 1s linear 2s 1 forwards;
}

    the shortform of animation means:

    animation:
	animation-name: caption-top;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

    if you do not like the delay – just remove or change that value to your delay ( f.e. 1s)

    see: https://webers-testseite.de/slider-with-kenburns/
    PS: you see – you can even address them differently the first button can fade in – the second one comes sliding in …

    December 14, 2025 at 6:01 pm #1492502
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Thanks @guenni007 for helping out :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Full-width slider button animation’ is closed to new replies.