I wanna customize the fade animation(background image)

Resolved magaraa
(@magaraa)

5 years ago
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)

5 years ago

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)

5 years ago

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)

5 years ago

transparent, cubic-bezier or opacity css…

please tell me.

Ramona
(@nextend_ramona)

5 years ago

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)

5 years ago

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.