CSS - mix-blend-mode

blend-modeで白抜き文字

Result See the Pen KKKEYaw by kachibito (@kachibito) on CodePen. SVG等を使わず、純粋にCSSだけで白抜き文字を作る、みたいなやつ 縁取りだけなら...

CSSだけでマウスホバー時にtableの行と列とセルを別の色でハイライトさせる

Result See the Pen Pure CSS Table Column Hover by kachibito (@kachibito) on CodePen. こういうの。項目が多いほどセルは小さくなりがちだ...

SVGテキストとCSSブレンドモードとの組み合わせ

Result See the Pen SVG Blended Outline & Text by kachibito (@kachibito) on CodePen. 白抜きと通常のテキストを用意して少しずらし...

画像をタイル画風にする

Result See the Pen Image Mosaic Effect with CSS Grids & Blend Modes by kachibito (@kachibito) on CodePen. 画像の上に要素を重ね...
Ads