03 2015 档案

30分钟玩转css3动画， transition，animation
摘要：其实css3动画是就是2种实现，一种是transition，另一种就是animation。transition实现的话就是只能定制开始帧，和结束2帧；而animation实现的话可以写很多关键帧。没有前戏，直进主题。transition包含4个值，例如：-webkit-transition:all ... 阅读全文
posted @ 2015-03-29 14:59 skyweaver 阅读(1678) 评论(2) 推荐(2) 编辑
关于transition动画下，如果有fixed元素，渲染的奇葩问题
摘要：之前我们机票页面有生成一个低价日历，然后我们有一个需求就是滚动到那个月份，对应显示这个月，然后这个区域是fixed定位的，然后奇怪的事情发生了，就是低价日历的动画执行完后，修改页面的html却没有正常更新。（因为那个区域显示有点问题，我截图的地方也是fixed元素）然后大家可以看到以上截图，改变了d... 阅读全文
posted @ 2015-03-26 17:37 skyweaver 阅读(3584) 评论(1) 推荐(0) 编辑
关于safaire下hash前面需要加/（正斜杠）
摘要：就是我们1.1框架是根据hash跳转的，今天我2.0跳转到1.1，pc一直测下来都是好的， 然后发现手机上一直跳转有问题，然后排查了半小时左右才发现 hash前面需要加/ 分割。例如：http://m.ctrip.com/webapp/FlightTrain/#lowPriceSearchHome?... 阅读全文
posted @ 2015-03-23 13:13 skyweaver 阅读(525) 评论(0) 推荐(0) 编辑
微信翻页效果
摘要：今天闲得蛋疼，重构了之前写的微信翻页效果。先上地址，觉得可以给颗星星，觉得有问题请大力吐槽。github：https://github.com/skyweaver213/slide3个demo地址：http://skyweaver213.github.io/slide/widget/slide1/s... 阅读全文
posted @ 2015-03-12 17:20 skyweaver 阅读(2773) 评论(2) 推荐(0) 编辑

点击右上角即可分享
微信分享提示