CSSでここまでできるのか！知っておくと便利なCSSのプロパティや疑似要素のまとめ

CSSの進化は早いですね。 一昔前までは、JavaScriptを使用しなければできなったこと、かなり複雑なコードを書かなければできなかったことが、CSSだけで簡単にできるようになっています。 知っておくと便利なCSSのプロパティや疑似要素をまとめて紹介します。 CSS can do that? by Ananya Neogi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. box-decoration-break 改行する際の表示形式を定義 2. attr() -簡単ツールチップ 3. backface-visibility -フリップするカードも簡単 4. conic-gradient -円グラフを簡単に実装できる 5. filter -画像に多彩なフィルタを適用 6. mix-blend-mode -画像やテキストにも

[coliss]

知っておくと便利なCSSのプロパティのまとめ

[witch-doktor]

テキストにグラデーション…ついにWordアートが画像なしで再現できるように

[toblog]

ほとんどがブラウザの対応がいまいちなうえコードが複雑になるから滅多に使えないプロパティなんだよね。

[tomochinchin]

　filter便利そう

[ayumun]

あとで

[kijtra]

世の中のIEが全て Chrome か Webkit Edge になったらまたこの記事投稿して。

[ustam]

「XSSでここまでできるのか！知っておくと便利なXSSの…」に空目した。

[demAge]

「このプロパティでできるでしょ」と言われるかもしれないがまだIE対応しなきゃいけない当方にはしんどいな

[nasust]

いくつか知らないのがあった