世界で初めてWixでグラスモーフィズムを作ることに成功した（多分）

グラスモーフィズムというのは、背景をぼかしたUIのことです。

Wixでは使用上、高度にデザインをカスタマイズするのが難しく、今までに多くの人がWixグラスモーフィズムを作ることに挑戦していましたが、どれを試してもうまく機能しません。Wixの標準機能にはグラスモーフィズムはないのに、このサイトの一番上にあるWixの広告には、めちゃくちゃグラスモーフィズムが使われているんですよね。これ詐欺じゃね？

しかし、私の天才的なコーディング力により、Wixでグラスモーフィズムを作ることに成功しました。「シェア」、「天気予報」、「リンク」の背景で見られます。

天才的なコード：

<div class="container" id="glass" style="width: 100%; height: 99%; background: rgba(62,73,100,0.5); backdrop-filter: blur(20px); border: 1px solid rgba(62,73,100,0.25);" > </div>

結構シンプルに見えますが、文字の背景にするつもりが、文字もぼやけてしまったり、スクロールバーが見えてしまったりする失敗が多いのですが、それを解消したのが、BackGroundでぼかすのではなく、Divでぼかすこと、幅100%、高さ99%にすることにより、Wixのエディターで自由に形を変えられること、スクロールバーが見えない（100%以上でスクロールバーが表示されるから）ことです。