CSSブレンドモードで画像を彩ろう
2018年11月12日 CSS Photoshopをはじめとしたグラフィックツールに搭載されている「ブレンドモード（描画モード）」機能。複数の画像や色を様々な手法で重ね合わせ、独特の効果をうみだします。そんなブレンドモード、実はCSSでも実装できるんです！今回はそんなCSSブレンドモードにフォーカスしてみようと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…によると、IE以外のモダンブラウザーに対応しています。 ブレンドモード一覧 基本的な実装方法は、background プロパティで背景色と背景画像を同時に指定。続いて background-blend-mode プロパティに、以下で羅列するブレンドモード名を記述するだけです。 body { background: #0bd url(beach-footprint.jpg) no-repeat;
Firefoxでドラッグを使ってページをスクロールする方法
Firefoxでドラッグを使ってページをスクロールする方法を紹介します。 Firefoxでドラッグを使ってページをスクロール（Yahoo!JAPANのページ） １．はじめに Adoboe ReaderなどではPDFファイルをスペースキーと左クリックでページをドラッグすることができます。 PDFをドラッグでスクロール ブラウザでスクロールするにはホイールを回すか、右側のスクロールバーをマウスでドラッグします。 が、ホイールでは微調整が効きませんし、微調整を右側のスクロールバーで行うためにマウスをスクロールバーまで移動するのが面倒です。 さらに横スクロールなどはさらに面倒です。 PDFのドラッグスクロールのような操作がブラウザでも行えるとかなり便利ではないかと思い、調べてみたところ、Firefoxのアドオン「Grab and Drag」で実現できることが分かりました。 このアドオンを利用すれば
Firefoxで動かなくなったアドオンを復活させるアドオン「Disable Add-on Compatibility Checks」
なぜかFirefox8で互換性のないアドオンを動かす「Nightly Tester Tools」が動かない人のために使えるのがこのアドオン「Disable Add-on Compatibility Checks」です。機能的には非常にシンプルで、従来使用されていたアドオンの互換性確認を行うかどうかという設定 (extensions.checkCompatibility) をFirefoxのバージョンに関わらず機能するようにするというだけ。ですが、単純かつシンプルであるがゆえに、しっかり動いてくれます。 Disable Add-on Compatibility Checks | Firefox アドオン | Mozilla Japan の公式アドオン紹介サイト https://addons.mozilla.jp/firefox/details/300254 動かない場合はこのような表示が出ま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEにも対応！10分でできるWebフォント実装法 (1/3)
IDEA * IDEA
