CSS3をサポートしていないブラウザでどのように見えるか簡単に確認できるブックマークレット -deCSS3

Post on:2012年2月2日

sponsors

CSS3でスタイルした箇所をサポートしていない古いブラウザ、まぁ主にIEなのですが、でどのように見えるのか簡単に確認できるブックマークレットを紹介します。

[ad#ad-2]

deCSS3の使い方は簡単です。
上記サイトでdeCSS3をすると、下記のようになります。

CSS3サポートブラウザでの見栄え

CSS3の角丸やテキストシャドウ・ボックスシャドウが適用されています。

CSS3無しでの見栄え

CSS3非サポートブラウザだと、角丸などのCSS3が無しの状態になります。

[ad#ad-2]

deCSS3の使い方

deCSS3はブックマークレットで配布されており、ブックマークに登録し、閲覧ページでdeCSS3を実行してください。

ブックマークレットの対応ブラウザは、Chrome, Safari です。