mimonelu

テキストによるマスク

背景画像をテキストでマスクする機能。非標準
非標準ではあるが、 Chrome ・ Firefox ・ Safari で対応している模様。

アイディア次第で魅力的なデザインを低コストで実現できる。 JavaScript でテキストを動的に変更するとより効果的だろう。ただしセンスは問われる。

デモ

注意

応用例

See the Pen -webkit-background-clip:text CSS effect by Jintos (@Jintos) on CodePen.