More Background Options for Interactions

ATM you can only set BGColour as a interaction property for backgrounds, this makes a few think limiting. One prime example would be parallax or growing a background image which is cover or container, whatever.

Many transitions would benefit from being able to set those background options.

  • Benn Raistrick
  • Jan 17 2019
  • Reviewed
  • Admin
    Webflow Admin commented
    June 23, 2021 20:39

    Thank you for your submission!

    One way you can go about controlling an image like this with interactions would be to use a standard image element instead of a BG image. You would want to set the image absolutely to it's parent, note you may need to adjust z-index of the image to ensure it rests behind other elements within its parent make it more like a BG image. With that in place you should now be able to control parameters such as image sizing and movement with interactions. One more thing, you may want to set the image's parent to overflow:none so when you resize or move the image it does not extend beyond the parent and bleed into adjacent elements but this depends on what effect you are going for.