2025年07月24日(木)
Appleの新UIに採用されるガラスのような、液体のような美しいUI「Liquid Glass」を簡単に実装できるツール -Liquid Glassifier
Liquid Glassとは、2025年秋にリリースされるiOS 26に採用される新しいUIです。ガラスの光学的特性と流動性を組み合わせ、コンテンツやコンテキストに応じて変化する美しくて優雅なデザインです。
プレーンのHTMLをはじめ、React、Vue、Angularなどでも動作するLiquid Glassのボタンを実装するツールを紹介します。
Liquid Glassifier
Liquid Glassifier -GitHub上の画像はアニメーションgifです。
実際の動作は、下記でお試しください。ボタンはクリックしても何も動作しないようにしています。単純な一枚のガラス板でないことが分かると思います。Liqui...
0
18
78
0author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREV
WordPress の PHP バージョンを安全に更新する方法
NEXT ›
Githubで公開されているプロジェクトのreadmeをAIによる他言語化に対応できる・「OpenAiTx」
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『Appleの新UIに採用されるガラスのような、液体のような美しいUI「Liquid Glass」を簡単に実装できるツール -Liquid Glassifier』についてまとめています。
この記事は特にレスポンシブ・アニメーション・SVG・フォント・SEO・iOS・ライティングについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
