※ 引述《nicklin04 (三葉幸運草)》之銘言:
: 這問題其實有點奇怪......
: 之前用Google Chrome的時候發現的
: 用Chrome開官網的時候 上面那一排商品在切換的時候會有那個彈簧的效果
: 但是用Firefox就沒有......讓我有點失望XD...
: 我以為更新Firefox 4之後就會看到那個效果了 但好像還是沒有@@
: 然後現在用Google瀏覽器開之後 發現那效果也不見了!?
: (變成所有同一區的商品全部並排展開了......)
: 好像只剩下Safari可以看到那個彈簧的效果了......?
: 呃.....其實我只是想問問那個彈簧效果的原理是什麼而已XD
: 為什麼只有Safari看的到.....?(還是該不會我是個案@@)
那個彈簧效果是CSS3 都寫在這裡
http://images.apple.com/global/styles/productbrowser.css
效果的css規則都是 -webkit-transform , -webkit-animation 都是-webkit開頭的
而firefox是吃-moz開頭的 所以Firefox更新到444也不會有效果
而Chrome也是webkit引擎所以會吃-webkit
但是搞笑的是商品切換是js的效果
不知道為什麼Chrome 吐js錯誤
所以變成更慘的狀況了
--
: 這問題其實有點奇怪......
: 之前用Google Chrome的時候發現的
: 用Chrome開官網的時候 上面那一排商品在切換的時候會有那個彈簧的效果
: 但是用Firefox就沒有......讓我有點失望XD...
: 我以為更新Firefox 4之後就會看到那個效果了 但好像還是沒有@@
: 然後現在用Google瀏覽器開之後 發現那效果也不見了!?
: (變成所有同一區的商品全部並排展開了......)
: 好像只剩下Safari可以看到那個彈簧的效果了......?
: 呃.....其實我只是想問問那個彈簧效果的原理是什麼而已XD
: 為什麼只有Safari看的到.....?(還是該不會我是個案@@)
那個彈簧效果是CSS3 都寫在這裡
http://images.apple.com/global/styles/productbrowser.css
效果的css規則都是 -webkit-transform , -webkit-animation 都是-webkit開頭的
而firefox是吃-moz開頭的 所以Firefox更新到444也不會有效果
而Chrome也是webkit引擎所以會吃-webkit
但是搞笑的是商品切換是js的效果
不知道為什麼Chrome 吐js錯誤
所以變成更慘的狀況了
--
All Comments