透過PNGで枠だけ作って背景をCSS3アニメーションするという新テクニック:phpspot開発日誌

Color Animate Any Shape with a Knockout PNG | CSS-Tricks 透過PNGで枠だけ作って背景をCSS3アニメーションするという新テクニックが掲載されています。 CSS3の登場でハックの幅は広がりましたが、今後こういうテクニックが色々現れてくると思うと楽しみです。 まずはマリリンをかたどった縁の画像を透過PNGで作ります このデモは必見 あとは背景をCSS3の keyframes, animation を使ってアニメーションさせると、なんとマリリンが７色に変化します。これはすごい！ マリリンはたまったものではありませんが、色々応用の効くテクニックかもしれませんね 関連エントリ CSS3で動くプログレスバー作成サンプル IE9にも対応したCSS3リファレンスサイト「css3files」 超シンプルなマークアップで実現できるCSS3による画像を使

[youshow]

これはおもしろい

[atasinti]

透過PNGで枠だけ作って背景をCSS3アニメーションするという新テクニックが掲載されています。 CSS3の登場でハックの幅は広がりましたが、今後こういうテクニックが色々現れてくると思うと楽しみです。

[Tori4]

これはすごい！マリリンが七色に変化。

[hhungry]

cssアニメーション

[labunix]

透過PNGで枠だけ作って背景をCSS3アニメーションするという新テクニック:phpspot開発日誌

[torounit]

なるほど・・・

[nors]

http://css-tricks.com/color-animate-any-shape-2/ http://css-tricks.com/examples/ColorAnimateAnyShape/

[hiroshi_revolution]

透過PNGで枠だけ作って背景をCSS3アニメーションするという新テクニック:phpspot開発日誌

[nakagaw]

なるほどねぇ