2018/10/04

CSSだけでSVGの色を変える2

CSS3のmaskを使えば簡単だった。
背景色を指定して、SVGでマスクする。背景をグラデーションにすればグラデーションになる。
mask: url(file.svg) no-repeat;
mask-size: contain;
background-color: #ffffff;
もちろんブラウザを選ぶが、条件さえ合えば一番簡単だ。
ってかmaskなんて機能があったなんて知らなかったよ。文字マスクもできるし、いろいろできそう。
時刻: 0 件のコメント:
ラベル: ,
登録: 投稿 (Atom)

色々な画像ファイル形式をhtmlに埋め込む(PHP)

画像をhtmlに埋め込む際、単一の場合は img/src、複数の拡張子を指定すると img/source/srcsetに展開してくれる便利関数。また、単一拡張子のみが指定されている場合は、ブラウザのサポート状況に応じ、avifやwebpの拡張子を持つ同名のファイルがある場合は[a...

  • Beckyで受信した添付ファイルをフォルダへ自動保存する
    仕入先から在庫情報が毎日メールで送られてくるようになった。添付ファイルを毎回特定のフォルダにDnDで保存していたのだが、２週間ほどで面倒くさくなった。
  • どしゃぶり
    今月の頭、娘の小学校の運動会だった。駐車スペースもないので歩いて応援に出かけた。片道2.5kmぐらい。 運動会は若干予定時間を超えたが滞りなく終わり、一緒に下校しようとグランドで待っていた。家が近ければ放って帰っちゃうところだが、まだ低学年だし、 2.5kmは結構な距離、そんな薄...
  • 一億円
    @nifty:NEWS@nifty:１億円受領「事実と思う」…橋本元首相が政倫審で弁明(読売新聞) 橋本氏は事件に関して「不透明な資金処理をしていたことは恥ずかしいことだ。自らの責任を免れるつもりはない」と道義的な責任は認めた。 言葉通りに受け止めるのなら、自分のところの...