こんにちは、ワタナベです。
今回は、Appleが発表した新しいUI「Liquid Glass」をちょっと触ってみました。
つい先日配信されたiOS26で全面導入されていますね。
「Liquid Glass」について詳しくはコチラ
See the Pen Untitled by Akiho (@wcaotdaenpaebne) on CodePen.
↑はジェネレーターを使用して作成してみました。
使用したジェネレーターは「Liquid Glass CSS Generator」。
そしてもうひとつ。ライブラリをお借りして作ってみたのがこちら
See the Pen Untitled by Akiho (@wcaotdaenpaebne) on CodePen.
# 【コピペでOK】Apple Vision Pro風デザインをあなたのサイトに！簡単JSライブラリ「Liquid Glass UI」の使い方
こちらはプラグインを使うことで、特定のclass、idを使用して簡単に「Liquid Glass」なデザインを取り入れることができます。
すりガラスのようなきれいなデザインですよね。
どのような仕組みなのかまだあまりわかっていないので、これから「Liquid Glass」への理解を深めていきたいと思います(^^)/
それではまた次回。
ご閲覧ありがとうございました。