HTML&CSS 【CSS】clip-pathを使って下向きの三角でセクションを区切る CSSで三角形を作る方法と言えば、borderを使った方法が一般的でしたが、今回はもっと簡単に三角形が作れるclip-pathを使って、セク...
HTML&CSS 【CSS】 100％指定したdisplay: inline-block; の横幅を元に戻す方法 答え width:auto;にすれば元に戻る 例えば、下記のようなテキストリンクをborderで囲むデザインで、スマホでは横幅は100％にし...
HTML&CSS 【CSS】要素の背景にフィルター効果を加えられるbackdrop-filter 要素の背景にぼかし加工などが簡単にできるbackdrop-filterプロパティ backdrop-filterは指定した要素の下にある要素...
HTML&CSS 【CSS】text-shadowで文字に影や光彩を装飾し縁取りをつける 画像にテキストを重ねたときなど、背景とテキストの色が近い場合はテキストが読みにくくなります。 そんなときに使いたいのが、文字の縁取り（アウト...
HTML&CSS 【CSS】text-stokeで文字に縁取りをつける CSSで文字に縁取り（アウトライン）をつけるには、text-stokeプロパティが用意されていますが、場合によってはtext-shadowを...
