New Feature Alert: Section Background Media and Scroll Effects

Announcements
, ,
1

Hello Builders :fire:

You can now add Background Images and Video to Sections, and add Scroll Effects , like Parallax and Panning.

1700×840 245 KB

You can also control the opacity of background videos , change image fitting options and focal points , and add a decorative pattern as an overlay.

At the moment all changes you make using this feature will apply across all breakpoints . We are working to bring breakpoint customization to you.

If you still want to customize the section background color and opacity differently in different breakpoints , or change the color of a section in a Hover or Click Interaction, just turn off the toggle in the inspector.

1691×718 42.2 KB

How to use:

  1. Select a section

  2. Click on the Design tab in the inspector

  3. Make sure the Media & Pattern toggle is On

  4. Choose a background image or video and overlay

  5. Select a Scroll Effect from the Floating menu

We hope you Enjoy! Happy to hear your feedback! :cherry_blossom:

11 Likes
2

Omg finally! We love you guys for making this a thing finally! Usually I wouldn’t praise a company for adding something that should’ve been there at launch, but when I check this out, I know I’ll be smiling all the way. Thanks team!

2 Likes
3

Great plug and play features. Thanks.
But it would be more usefull if we could use these scrolling effects with any element.

6 Likes
4

This is amazing thank you!

5

This is fantastic

6

Finally. But still missing the ability to choose the position for an original size images, like in the old editor.

7

Awesome!! Now just Lottie on Scroll and we’re there! ;-))

3 Likes
8

Hi @tal18574 , did you try setting the image to ‘Original size’ and editing the ‘focal point’? Next to the ‘Change Media’ button?

2868×1442 287 KB

2 Likes
9

Exactly

10

For real…Editor x needs to added native lottie integration…that accompanied with interactions and triggers would open up a whole new world. Hopefully it’s in the works after they implement interactions fully.

They need to catch up with their competitors:

2 Likes
11

Agreed! We are doing sites in Webflow now as clients demanding animations editor x can’t do. :frowning:

1 Like
12

:heart_eyes: :zap::dizzy:
Excellent, Wix I look forward to seeing more, thanks a lot

13

Great reason to love Editor X! Webflow’s bodymovin - Hi! :wink:

14

Add this to Containers too please! :smiley:

3 Likes
15

Does anyone know why I only see Fade In and Fade Out?

16

@davidbanuta5 If you only use color, you have fade in and out. If you add media (image/video) you will see lots more.

17

I can’t Wait for you guys to add Lottie Effects so we can use after effects to animate and export as a JSON file…

2 Likes
18

we’ve got a lot of queries on this one recently, all feedback was collected and we share it with our developers, yes you can use it with HTML embed, anyway I do hope that advanced tools will be released

1 Like
19

Fade Back shows a white background no matter what which means, if you aren’t using an image on a white background it will show white around the edges of the image. It should be the color of the background that determines the color not being white all the time.

20

Getting the same thing too.

Any idea @carmelsc @klarak ?