エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
アイデア次第で効果的な使い方ができるかも!?「background-clip:text;」を使って背景画像を文字でマスクする方法 | 株式会社ウェブ企画パートナーズ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
アイデア次第で効果的な使い方ができるかも!?「background-clip:text;」を使って背景画像を文字でマスクする方法 | 株式会社ウェブ企画パートナーズ
アイデア次第で効果的な使い方ができるかも!?「background-clip:text;」を使って背景画像を文字でマスク... アイデア次第で効果的な使い方ができるかも!?「background-clip:text;」を使って背景画像を文字でマスクする方法 シェア つぶやく ブックマーク LINE Pocket 今回は前から試してみたかったCSSについて紹介します。 「background-clip」というCSSです。 これを使えばPhotoshopなどの画像編集ソフトを使わなくても、画像を文字でマスクできるようになります! 百聞は一見にしかず。ということで早速デモページを作ってみました。御覧ください! デモページへを見る>>(※Chorome、Safariのみ) コードは以下のようになります。 「html」 <body> <span id="text">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。</span> </body>