作者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/cn.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