デザインに役立つX（Twitter）情報まとめ【コーディング（HTML・CSS）編】

WordPress の味気ないログイン画面を、たった1行の CSS で味付け（ログイン毎に背景に Unsplash の画像をランダム表示）してみた。意外と美味しくなった。 pic.twitter.com/69m5TIb40R

— 石鷹 (@xakuro_com) September 16, 2022

https://twitter.com/ash_creator/status/1586193292068556801

mask-imageで「横スクありますヨ」を示唆するやつ、

左にのみ横スクある
右にのみ横スクある
左右に横スクある

で状態を切り替えてみた pic.twitter.com/iP5RN752Za

— こびと (@kobitoCode) June 11, 2023

サムネイル写真のリンクの演出にCSSのfilter: brightness()が便利。

明るさを与えてCSSアニメーションで点滅させるだけ。
ちょっとした工夫で、シャープな演出ができます。 pic.twitter.com/G7G4EiY4dp

— 池田 泰延 (@clockmaker) June 14, 2023

CSSだけでブワッと現れる表現です！！ pic.twitter.com/8juGMzYFPr

— nami@Accorder.inc (@yusuke_nm) June 21, 2023