作者yshlptt (小y)
看板Web_Design
標題[分享] 原來純 CSS 也可以做出視差捲軸效果
時間Wed Aug 13 14:42:20 2014
今天同事貼給我這個連結，看了裡面 demo 有驚訝到：
http://blog.keithclark.co.uk/pure-css-parallax-websites/
（英文網頁）
原來做視差捲軸效果可以不透過 Javascript，
真是太神奇了傑克！
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.163.10.192
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1407912143.A.BE2.html
1F：推 bs0224: 這好酷!!!!! 08/13 16:45
2F：推 WFU: good 08/13 19:11
3F：推 Ting1024: 這有什麼？？就文字捲快捲慢阿 08/13 20:45
4F：→ yshlptt: 另一個網友分享的 SASS 範例，實作原理一樣 08/13 21:44
6F：→ laxgenius: 3樓好神喔... 08/13 22:30
7F：→ fire231: 效果沒很神，重點是它沒有用JS阿= =!!! 08/14 14:31
8F：→ fire231: 只是不太懂捨近求遠的方法在效率與效能上有比較好嗎? 08/14 14:32
9F：→ yshlptt: 理論上用 Javascript 來做捲軸動畫效能可能會差一些， 08/14 14:53
10F：→ yshlptt: 但使用 Javascript 在動畫應用上更有彈性， 08/14 14:53
11F：→ yanggh: 純css沒跑js，在輸出上應該效率比較好？ 08/14 14:53
12F：→ yshlptt: 不只視差效果，各式各樣的動畫都做得出來 08/14 14:54
13F：→ yshlptt: 搜尋 Parallax 可以找到很多酷炫的網站 08/14 14:56
15F：推 aceone: IE11破功 支援度太先進的解法還是老實用 js 吧 08/14 18:13
16F：→ yshlptt: IE 不支援 preserve-3d 的變形，看來只能期待 IE12 了 08/15 16:05
18F：推 GoalBased: CSS 效能 > JS 08/15 16:46