ボックスの内部に配置したテキストなどの子要素はそのままで、背景の色相やコントラストやぼかしを変更して、ガラス板のような美しいエフェクトを与えるCSSの新しいプロパティ「backdrop-filter」を紹介します。 今までは非常に長いCSSが必要でしたが ...

これまでWebデザインにおいては実装が難しかった背景ぼかしの表現が、backdrop-filterというCSSで超かんたんに表現できるようになりました。 これまで これまでCSSでは、「filter:blur();」プロパティを使用することで要素自体をぼかすことはできたのですが、iOSの ...

最近CSSのアップデートを追えていなかったので、備忘録兼ねてまとめておきます。 特に1行に並べた要素において、さらに中の要素同士も均一の高さにしたい場合に有効です。 ただし現在点（2021年2月）では、対応している主要ブラウザはFirefoxのみである ...

News WebKitがNightly buildでSafari 9でも使用可能なCSS フィルター「Backdrop Filters」をサポートしたと伝えています。詳細は以下から。 WebKitがNightly buildでSafari 9でも使用可能なCSS フィルター「Backdrop Filters」をサポートしたと伝えています。詳細は以下から。 Appleは ...

記事内に広告が含まれています。This article contains advertisements. スポンサーリンク CSSエフェクト「Backdrop-filter」を利用するだけでiPhoneやiPadを再起動させることができるSafariの脆弱性はiOS 12では修正されなかったようです。詳細は以下から。 クロス ...

これまではCSSアニメーションで幅や高さのサイズを変更する時は、明示的なサイズ指定が必要でした。width: auto;やwidth: max-content;のようなキーワードではCSSアニメーションは機能しませんでしたが、CSSの新しい関数によって可能になります。 Chrome 129では、calc ...