• Resolved magaraa

    (@magaraa)


    I wanna customize the fade animation of background image.

    ↓like the slidder of this site(top page).I wanna add white color when the slider fades.

    https://shinsoken.jp/

    I know this site using “slick”.
    but, can I add this fade animation with “Smart slider 3”?

    I think I need to customize “Smart slider 3” in “developer page”.

    ↓I wanna add this animation(fade with white color) on this site
    https://hikarutest.space/

    Please tell me how.

    • This topic was modified 5 years ago by magaraa.
    • This topic was modified 5 years ago by magaraa.
    • This topic was modified 5 years ago by magaraa.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Ramona

    (@nextend_ramona)

    Hi @magaraa

    I’m sorry but we don’t have option to set a color to the animations.

    Maybe the “Crossfade” animation would look a bit closer to what you’re trying to achieve. You can find it at Slider settings > Animations tab > under Main Animation:
    https://smartslider.helpscoutdocs.com/article/1779-slider-settings-animations

    But if it’s not what you’re after then I’m sorry but it’s not possible to achieve it with Smart Slider.

    Thread Starter magaraa

    (@magaraa)

    Hi Ramona

    thank you for replaying me.

    crossfade is not good for me…

    even if I customize in “developer” page, I cannot add color?

    If I cannot add color, How is become transparent of the slide.

    both of the background color of the site I wrote are white. so I may need only be transparent when fades.

    do you know how to become transparent the slide when fades?

    Thread Starter magaraa

    (@magaraa)

    transparent, cubic-bezier or opacity css…

    please tell me.

    Ramona

    (@nextend_ramona)

    Hi @magaraa

    In this case I’m sorry but it’s not possible to achieve this with Smart Slider. The animations are not customizable, so there’s no code you could put to the Developer settings that would help.

    You can make the slides have transparent background color if you don’t use an image or other color at Slide > Style tab > Background:
    https://smartslider.helpscoutdocs.com/article/1724-slide
    But in this case you won’t be able to use a slide background image either.

    Thread Starter magaraa

    (@magaraa)

    ok, thanks for replaying!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘I wanna customize the fade animation(background image)’ is closed to new replies.