close

這次介紹的是可以讓使用者對自己的瀏覽器作 CSS 3 測試的網站

CSS3 ドラえもん - Pure CSS Design

該網站是會利用 CSS 3 描繪出一直哆啦 A 夢，而那隻哆啦 A 夢的眼睛還會動呢

而不同的瀏覽器看到的哆啦 A 夢結果都不同，事實上目前我只有在 Chrome 的瀏覽器上有看到他眼睛會動

IE Quirk這隻是利用 IE 9 的 Quirk 模式看到的模樣

IE 7這隻是利用 IE 9 的 IE 7 模式看到的模樣

IE 8這隻是利用 IE 9 的 IE 8 模式看到的模樣

IE 9這隻是利用 IE 9 看到的模樣
Firefox 5這隻是利用 Firefox 5 看到的模樣

Chrome 12.0.742.112這隻是利用 Chrome 看到的模樣，事實上眼睛10秒會動一下呢

當然，他不只哆啦 A 夢能測試你的支援度

Pure CSS Design

上面這網站進去還能看到其他樣式的測試呢！

一樣都是利用 CSS 3 來描繪出來的樣子

arrow
arrow
    文章標籤
    哆啦A夢 CSS3
    全站熱搜

    MyWCT 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄