CSSとSVGでのマスクを掛ける方法と、それぞれのブラウザでの対応を比較したものです
こうやって見比べてみると、CSS、SVGで違った方法で同じものを実現する際には SVGを使ったもののほうが多くのブラウザに対しての対応範囲が広いことが分かります
firefoxがSVGが得意でChrome、safari、operaがCSSが得意だというのが見えてきます
オススメ記事
WordPress 5.0 新エディタについての注意点と思うこと
phpMyAdminでCSVでテーブルに冒頭のデータを除いて上書き更新する
バナーデザインに迷ったら使いたいデザインギャラリー 4選
WordPressの投稿の埋め込み（oEmbed）をレスポンシブにする方法
WordPressの負荷軽減を本気でやってみたら負荷が1/3になった
HTMLのinput rangeのスライダーで数値をjQueryでリアルタイムに取得する
WordPress 4.8が公開ウィジェット類が強化
Google Fonts+ で「ニコモジ」などの日本語のWEBフォントが利用可能
jQuery UI sortable を使ってD&Dでリストの並び替えを実装する。
カスタム投稿タイプの初期パーマリンクを変更するプラグイン「Custom Post Type Permalinks」
ZenlogicでWordPressのカスタムメニューで文字化けが発生してしまう原因と対策
WordPress 4.7.3がリリース、脆弱性の修正が有りで更新推奨。
サイトのhttps化で、ブラウザーに警告が出る時のデバック
WordPressのメディアライブラリで絞込にカテゴリやタグを追加するプラグイン「Media Library Filter」
jQueryで追加した要素に対してクリックイベントが有効な書き方
WordPressの投稿画面以外からPHPを実行で投稿する方法
javascript 配列を for in を使ってキーと値を取り出すループ
jQueryでキーボードの入力と合わせて入力されたキーを取得するあれこれ
外部サイトから iframe で呼び出して読み込まれないようにする
layzr.js を使って iframe を遅延読み込みする
COMMENT