Wix Design Tutorials: Creating a Multi-Layered Parallax Site

😢Anyone knows how to show the floating property window on the right? Can’t find it on today’s Wix.

how to create before after slide

That is a god mode of wix

Hi Wix Playground! Are you planning on making an updated 2022-2023 tutorial?

This is amazing! Unfortunately Wix has changed a lot of things since you made this video and I'm unable to make the slideshow with only 1 sec between slides. The minimum is 3 sec and its definitely not the same look. I made a call into the Wix IT and they have submitted a fix for it but we'll see what happens. Thanks for the awesome ideas!

Awesome 👍

anyone know the hex codes?

Can anyone tell me why I can't switch "How long between the slides"? to 1 second? The mininum is 3 ..

font playground?

My God do you think you could move a little faster when you are moving items around you are just shy of Light Speed

Anyone else find that their strip image disappears inconsistently, often after scrolling but up? It's the image that is equivalent to the "playground" image. When the image is missing if I resize the browser it will reappear properly. Any fix for this?

how do you create pages that link to images without using the menu bar

the day wix adds responsiveness its game over

This is beyond helpful! Thank you!

This is such a great way to work with parallax effect, but still not working on phone device I suppose...

Warched many videos of this channel and it's definitely helping once you're done with the basics! Thanks quite a lot for helping!

thank you!! Can I made it in Wordpress with Elementor?

When I upload the typographic png I and change the backround it remains with the white backround , any advice ???

Okay but what does the mobile version look like? Is it all messed dip like on my wix site?

Pra fazer o efeito de texto com o fundo transparente igual ela fez vc precisa criar uma faixa em cima da outra faixa.

Maybe this will be useful if Parallax worked on mobiles. Until then... let's hope your site is only seen on desktops

This desing scrolling effects won't work on mobile view !

I'm having trouble with the transparent background of the text. I've created it using several different programs but the opacity doesn't change when I add them to the strip.

Thank You

This looks really amazing! Does anybody have any idea where they created the PNG text and background? I'd love to copy something similar for our website! If anybody could help that'd be great :)

how does she add the etxt? from what I see she adds it to the strip but when I do that it just replaces the gradient

Thank you so very much, the video is perfect! I created my portfolio site in Mobirise software and exported as plain HTML static site to local drive - is it possible to import this site to Wix?!

How did you slice the image?

I ‘ve a problem the background where it’s write Playground, is not adjust for all my screen on my different computer. I created one. How I can do for this background was automatically adjust with the screen of my user ? I’m French sorry for my English

Great wix added "turbo" so its take loading up 25 sec insted of 26 sec

what fonts you are used, wix?

Wix : "Currently, parallax scrolling is not supported on mobile devices."
I've been designing my own site with parallax as a key part, only to discover it doesn't work on mobile.
Have voted for the feature, but come on Wix, I thought 'Mobile first' is still the mantra?!!!!!

how to create such text???i tried to make it in Photoshop but the results wasn't the same .

Very cool techniques. Also, horrible design. Blech.

great video! Followup question : Why not use pinned rectangle boxes for the sides of the frame as well? Im curious if there is a reason for this. choice?

This is next level!! 0_0

I tried it with another gradient, but for some reason my gradient seems not continuous and breaks up on WIX (I checked it in Photoshop and it is seamless there) Any idea what can be the settings I'm getting wrong?

simply stunning!

I does not work on mobile

can you people make it in mobile and also add a blog design which can look great as same as deign

hover boxes are so cool, I've used them on my site.

I tried doing the seamless background but the colour gradient had obvious white lines in between still, what could I be doing wrong?

And I thought parallax scrolling meant different layers scrolling at different speeds. God I'm stupid.

This seems like an awesome tutorial but I couldn't get started because I don't know what Sketch is or how to create stuff on it. Is there a tutorial for it? I'm confused.

Nice for learning, but not responsive. This technique isn't really useful in the real world.

For someone wondering what font is used in that typographic layer, it's very close to 'Muzarela Extra-Condensed Bold' ...
It sure looks amazing here but can't really say the same for any other combination of letters.

How do I make this work for mobile? It seems like when it automatically stacks it doesn't work?

Little WARNING This is great for you viewing your website at a resolution of 1920x1080 and everyone else with a screen at the same ratio as yours but once someone else goes on the site with a different screen ratio for example a common one being an Imac which isn't 1920x1080 this effectively renders this effect useless to them. What they see is completely different layout to everything you have placed because of the change in ratio. Just a little warning to anyone wanting to actually have a working site across all computers :)

Nice, however.... why not add the gradient as a line one pix wide and have it tile? Isn't there a way to have it repeat horizontally as you would do with html?

looks so bad on mobile though. who uses desktops anymore?

Design Level 🔥🔥🔥🔥🔥🔥