タグ

CSS3に関するmin37のブックマーク (23)

  • [CSS3 JAVASCRIPT] CSS3 Rounded Image With jQuery - コーナーの角丸化に関するTips

    [CSS3 JAVASCRIPT] CSS3 Rounded Image With jQuery – コーナーの角丸化に関するTips Pocket Tweet CSS3で表現できるボックス要素の角丸化だけど、画像に適用したところ思ったような効果が出せなくて、CSS TrickとjQueryを使って解決したYO!という内容の記事。記事を見ると、画像の四隅を角丸化したけど、ブラウザによっては角が丸くならなかったりボーダーが消えたりしたからそれを修正。その後jQueryを使ってドロップシャドウを加える手順とデモが紹介されてます。いずれ使う事があるかも、と思ったので備忘録。 CSS3 Rounded Image With jQuery

    min37
    min37 2010/07/08
    画像の四隅を角丸化したけど、ブラウザによっては角が丸くならなかったりボーダーが消えたりしたからそれを修正。その後jQueryを使ってドロップシャドウを加える手順とデモが紹介されてます。いずれ使う事があるかも、
  • IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」

    TOP  >  WebDesign  >  IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのはIE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」です。 全てのCSS3のプロパティが適応されるのではなく、角を丸くしたり、ボックスに影を入れたりテキストに影を入れたりといったCSS3の機能をスクリプトにyほって再現するというものです。 詳しくは以下 スクリプトを読み込ませると言

    IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」
    min37
    min37 2010/06/23
    IE6〜IE8をCSS3に対応させるスクリプト
  • 知っておいたほうが良いCSS3テクニック「CSS3 Techniques You Should Know」

    TOP  >  WebDesign , WebService  >  知っておいたほうが良いCSS3テクニック「CSS3 Techniques You Should Know」 CSS+XHTMLでのコーディングスタイルが主流になってかなり建ちますが、さらに新しい、CSS3という言葉も最近は耳にするようになってきました。CSS3を使えば、今まで画像でしかどうしても表現できなかった部分等もコードで実装可能になりますが今日はそんなCSS3のテクニックをあつめたエントリー「CSS3 Techniques You Should Know」を紹介したいと思います。 グラデーション表現や、ドップシャドウなどなど、いままでどうしても画像に頼っていた部分がかなり解決されるみたいです。紹介されているものノン蚊からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Drop Shadows ドロッ

    知っておいたほうが良いCSS3テクニック「CSS3 Techniques You Should Know」
    min37
    min37 2010/02/08