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

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

ケイです。たまにはWeb制作会社っぽい事書いてみようかなと色々考えてみたのですが、今回はCSSの事を書いてみようと思います。 そもそも「backdrop-filter」とは？ 「filter」は要素そのものに効果が付きますが、 「backdrop-filter」は要素の下に効果が付くため ...

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

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

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

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...