作者superpai (超级白)
看板Web_Design
标题Re: [问题] 现在CSS3有被普遍使用吗？
时间Fri Oct 11 15:37:57 2013
1F：→ superpai:我是说特效上。 10/11 11:33
2F：推 pm2001:jquery animate CSS怎麽取代? 10/11 11:36
3F：→ kurtisgod:Animate.css 10/11 11:45
4F：推 Telete:那像是广告轮播 slider可以用CSS取代吗@@ 10/11 11:47
5F：→ Telete:JSJQ真的好难啊啊~__~ 对完全没程式基础的人而言orz 10/11 11:48
6F：→ kurtisgod:carousel这东西还是乖乖用JS/JQ吧 而且CSS只会愈来愈程 10/11 11:51
7F：→ kurtisgod:式化 10/11 11:52
8F：→ danny8376:轮播还是用JS +1 用CSS来做说真的只会更复杂XD 10/11 12:32
9F：推 aspdoctor:过场动画是可以完全用css3取代，只要客户的电脑没有IE67 10/11 13:04
10F：→ aspdoctor:89……所以还是用js比较快 10/11 13:04
刚好最近写了两种carousel的「特效」部分都是用CSS3写的
而且都只用到transition，还没用到animation
1.
https://www.biideal.com/ 首页
2.
https://www.biideal.com/map/ 下面那条
用IE8/9开就可以看到如果没有CSS3会会变成瞬间换图
像2. 那个的CSS部分也很简单，只有
.item {
position: relative;
-webkit-transition: 400ms all;
-ms-transition: 400ms all;
transition: 400ms all;
}
.next{
.ng-leave {
margin-left: 3px;
}
.ng-leave.ng-leave-active {
margin-left: -320px;
}
}
.prev{
.ng-enter {
margin-left:-320px;
}
.ng-enter.ng-enter-active {
margin-left:3px
}
}
只有这样而已
所以CSS特效部分不难
比较困难的部分是DOM在进出的时候要加上对应的class
这本来就是JavaScript的工作不是CSS的事情
而jQuery是诞生在没有CSS3的年代，所以觉得jQuery还是写jQuery的animation
比较顺是正常的
这边建议用看看 animo-js
http://labs.bigroomstudios.com/libraries/animo-js
这样应该会对写CSS特效改观一点
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.115.110.245
11F：→ danny8376:所以说要完全不JS会死人啊(当然实际上可达成) 10/11 16:10
12F：→ danny8376:另外 如果还要相容IE78(6先丢一旁) 那就是两套做法 10/11 16:11
13F：→ danny8376: 9 10/11 16:12
14F：→ danny8376:不过轮播的特效纯CSS3确实不难做是事实 10/11 16:13
15F：→ danny8376:不过要连轮播本身都用CSS3就会死人了XD 10/11 16:13