[B! filter] Kochelのブックマーク

Kochel id:Kochel

filterに関するKochelのブックマーク (6)

Photoshop風インターフェイスで使いやすいCSSグラデーションのジェネレーター
Photoshop風のインターフェイスを備えた、とっても使いやすいCSSグラデーションを作成するオンラインジェネレーターを紹介します。 Ultimate CSS Gradient Generator [ad#ad-2] 生成されるスタイルシートは、moz系（Firefoxなど）、webkit系（Chrome, Safariなど）だけでなく、旧ブラウザやIE用のfilterも生成されます。生成されたスタイルシートの例 background: #eeeeee; /* old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #5E5E5E 42%, #ccc ccc 70%, #ccc ccc 87%); /* firefox */ background: -webkit-gradient(linear, left top
Kochel 2013/04/12
“moz系（Firefoxなど）、webkit系（Chrome, Safariなど）だけでなく、旧ブラウザやIE用のfilterも生成されます”

css3

color

filter

generator
リンク
CriCri 半透明フィルター
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。あるブロックを半透明にしたい場合、IE独自仕様のアルファフィルターと、CSS3に入っているフィルターを両方指定すればできます。現在のW3CのCSS Varidater はCSS2で検査されていますが、主なブラウザはすでにCSS3に対応しているので、CSS2に規定されていないopacityを指定しても読み取ってくれる。例： background-color: #FFF; filter:alpha(opacity=75); opacity:0.75; IEのアルファフィルターは、真ん中のfilter:alpha(opacity=75);の部分で、これは不透明度75％になります。 IEの半透明フィルターが半透明にならない他のブラウザのCSS3への対応のおかげで、レイヤーを半透明に
Kochel 2013/03/26
position:relativeってIE専用だったのか…。もう。IEどうしようもない子！

css

filter
リンク
たった6行追加するだけ！CSSだけで透過PNGをIE6で表示させるテクニック｜クロノドライブ
背景を重ねたり、画像文字に使用したりと、何かと便利な透過PNGですが、実はIE6には対応していません。そこで今回は、CSSのみを使って透過PNGをIE6で表示させる方法をご紹介します。 HTML
Kochel 2013/03/21
あわせて読む：http://tenderfeel.xsrv.jp/css/90/

css

filter

tips

webdesign
リンク
cssでドロップシャドウを実現する(IE、firefox、Google Chrome対応) | Web Tips Blog
2011.04.27 CSS, コーディング関係, 備忘録 1件のコメント cssでドロップシャドウを実現する(IE、firefox、Google Chrome対応) 画像を使わずにcssでドロップシャドウを実現。技術として可能なのは知ってたけど、「photoshopで加工するほうが慣れてるし早いしいいあー」ってついつい後回しにしてやったことなかったです。でもやっぱできたほうがなにかと便利だということで、やってみたのでここにまとめときます。・・・久しぶりのエントリーです。すみません。 css3を使ってドロップシャドウを実現するまずはcss3を活用した方法。FirefoxやGoogle Chrome、safariなどは、独自仕様という形でcss3の機能の一部を使えます。基本はbox-shadowというタグで、 box-shadow: 横方向のずれ　下方向のずれ　ぼかし具合　シャドウ
Kochel 2013/03/10
css

filter

webdesign
リンク
IE 対応クロスブラウザ　CSS Opacity sample - sample
CSSプロパティ opc ity 透明度を適用するサンプルです。スライダーを動かして、透明度の数値と適用されるスタイルを比べてみてください。 this click select below Code .plain_box { color: #fff; padding: 50px; background-color: #365d98; filter: alpha(opacity=25); -ms-filter: "progid:DXImageTransf orm.Microsoft.Alpha(opacity=25)"; -moz-opacity: 0.25; opacity: 0.25; }
Kochel 2013/03/10
css

filter
リンク
[CSS]透過PNGと透過フィルターの使い方 - WebTecNote
要素を透過させる場合、アルファチャンネルPNGかCSSのフィルターどちらか使えば作ることが出来る。アルファチャンネルPNGはPNG24とかの保存形式で、背景無し（またはマスクつき）の画像を保存すれば作成出来る。 Div等の背景を透過させる場合、アルファチャンネルPNGで80%くらいに透過させた画像を背景にすると、フィルターと変わらない効果を得られる。透過フィルターを使った場合、中の要素まで透過してしまうという問題がある。 positionとか色々CSSを駆使すれば回避できないこともないが、アルファチャンネルPNGを使えば中の要素が透けることはない。以下サンプル解説は続きに。 <div id="container"> <div id="contents"> <p class="sample1">sample1 position:absolute(out)</p> <div id="t
Kochel 2013/03/10
あわせて読む：http://html-coding.co.jp/knowhow/tips/000274/

css

filter

webdesign
リンク
1