Webflow design questions

Hello @scottbarbey.

Lets go step by step with answers :smiley:

  1. From my experience can tell you that using different size of images in the same div is pretty much possible. There is two ways to do that.
  • if you use image like a div background you can change background image when you are going to style mobile view.
    example:

  • if you use actually image inside the div you can make bigger images display only on descktop (and maybe tablets)
    example:

  1. For information about interactions (animation) you always can check page https://interactions.webflow.com.
    Here is tutorial about hover animation Website interactions and animations | Webflow

  2. About paralax effect there was couple examples on the forum, but it wasn’t easy way to do. But we have very creative community and probably somebody will come with ideas :smiley: Also you can create separated topic with this question.

4)For create pre-loading elements you can use one of gif images (like here http://preloaders.net) and put it inside the full width div with fixed position and big z-index. To this div apply animation on load and make it wait some time (enough for load all page), then make it fade out and display none.

Hope my explanation was good enough.

Regards,
Anna

1 Like