Blurry Background / Glassmorphism in Editor X | Wix Fix

In today's video, you will learn how to create the glassmorphism effect in Editor X. This blurry background effect is a really cool modern effect for your websites.
HTML Embed Code: www.wixfix.com/post/glassmorp...
-----------------------------------------------------------
www.wixfix.com
-----------------------------------------------------------
Important Tutorials:
Top 5 Tips for Wix: • Top 5 Tips for WIX | W...
How to Use Strips in Wix: • How to Use Strips in W...
Set Up an E-commerce Store: • HOW TO SET UP AN ONLIN...
Custom Forms: • Custom Forms in Wix | ...
Wix Basics in 10 Minutes: • WIX Editor Basics in 1...
Everything Editor X: • Everything Editor X [2...
Modern Web Design: • Modern Web Design in W...
-----------------------------------------------------------
Join this channel to get access to perks:
/ @wixfix
Want to hire us? Let's connect on our agency site: www.wixfix.com
Don't forget to SUBSCRIBE and COMMENT any questions below!
THANK YOU FOR WATCHING!!
Music by Chillhop
Music: chillhop.com
#Wix #EditorX #Glassmorphism

[@nicafaustinoVC]

Truly awesome. Thank you! ❤

[@vivianokeke4867]

Can I just say, you're literally AWESOME!!!!! Am working on a couple projects right now and most of my inspirations are from your videos, so thank you 💕 and keep doing what you doing, you literally changing lives. Before you, Editor X was so complex for me, had tried multiple times to build on the editor but always just left it to go back to Squarespace, but since I started watching your videos, I've become so much better at mastering the platform although I still face challenges from time to time but thank you all the same 🙏

[@webdesignlondon]

It also works in the standard Wix editor! Thanks for this!

[@KunalDeo]

This is so helpful! Thanks a lot!

[@farhan_akhtarrr]

Thanks a lot

[@conormerriman9201]

Is there any way you can add to the code for it to only reveal when hovering?

[@jonjon_media]

How do I get the into a repeater so that the background of each is glassmorphism?

[@domofash_]

question the frame has some border/padding and would like to remove that, I've tried adding height and scaling nothing happened.

[@stephanusjoeell658]

How if the shape not square? for example like triangle or star.

[@ImMerphyy]

Hey Wix Fix ,
Hoping you're well,
I need a help from you which is -
Actually I'm trying to make a process where I'll login and the wix page
will display a specific form submission all data or the user inputs all data so tht i dont have to go to dashboard to see form submission data. so is it possible?

[@natstar613]

THANK YOU THANK YOU THANK YOU!!!

[@natstar613]

It works so well in Safari and Chrome, but not at all in Firefox so I can't use it :( Do you have a work around by any chance?

[@wixfix]

Hmm. Not entirely sure if this will work but try adding:
-moz-backdrop-filter: saturate(180%) blur(40px);

[@natstar613]

Thanks so much for this, sadly it doesn't work, but I really appreciate your help! @@wixfix

[@ohadlahav683]

Great video!.
Is there a way to put a shadow from the shape?

[@MrLieka]

maybe duplicate another layer behind and have it black

[@framegames14]

whenever i change any of the settings it doesn't work, it just said forbidden. if anyone could help that would be gladly appreciated!

[@LooksFrosty]

is there a way to add animation to the glass like entrance effects, loop effects, or scroll?

[@wixfix]

If using the embed code method, you can put the embed in a container and add animation effects to that container. Hope this helps!

[@KidNasEasy]

Any info about this for Wix Studio? When I paste the code into the iFrame it appears as "Forbidden".

[@JacobRyanHughes]

Edit the code and delete the grayed out "webkit". Make sure there are two dashes and the word backdrop filter turns blue.

[@NareshUgaonkar]

Don't forget to change your fill value. othwise it won't work

[@deelostyles3957]

It didn't work for me, it just said it was forbidden.

[@pikkuGH]

does not work in Firefox

[@natstar613]

I have the same issue :(

[@conanthebarb9194]

Yup, completely useless if this code doesn't work in every browser.

[@vi8403]

If you don't want this horrible frame, but just want the full blur effect, then add these lines under Body:
padding:0px;
margin:0px;
terrible i had to search for so long...

[@adelaideobrie2411]

Thank you sooooooo much!!

[@MarvelousMoony]

Thank you for sharing!!

[@Drickspelcom]

Thanks for another great video.
I have a request and really hope you read this :)
I would like to have a "give 5 star rating on Google Play, and get rewarded with reward points on your account (on Wix)".
Is that possible?