08 2016 档案

摘要:w3school对transform的介绍很简单 transform的默认值是none 其所举的例子也只是对一个值进行过渡,其实还可以对多个值同时进行过渡,写法如下 tips: 附w3.org对transform的介绍:https://www.w3.org/TR/css-transforms-1/ 阅读全文
posted @ 2016-08-23 10:25 点点乐淘淘 阅读(3258) 评论(0) 推荐(0)
摘要:transition是CSS3新增的动画属性,可以实现属性的平滑过渡,大大提高用户体验,对于多个属性进行过渡的话很多人会这样写 很不幸的是如果我只需要对其中一两个而不是全部属性进行过渡话很多人就素手无策了,其实你可以这样写 tips: transition有四个属性,很多人都会遗忘,分别是trans 阅读全文
posted @ 2016-08-23 10:05 点点乐淘淘 阅读(2619) 评论(0) 推荐(0)
摘要:var TimeLine = function(){ this.order = []; } TimeLine.prototype.add = function( t , callback ){ this.order.push({ timeout : t, callback : callback }); } TimeLine.prototype.fire = function( ff... 阅读全文
posted @ 2016-08-23 09:25 点点乐淘淘 阅读(349) 评论(0) 推荐(0)
摘要:和其他的编程语言一样,Javascript中的函数调用也是通过堆栈实现的。在执行函数a的时候,a先入栈,如果不给alert(1)加setTimeout,那么alert(1)第2个入栈,最后是alert(2)。但现在给alert(1)加上setTimeout后,alert(1)就被加入到了一个新的堆栈 阅读全文
posted @ 2016-08-22 15:31 点点乐淘淘 阅读(2776) 评论(0) 推荐(0)
摘要:这里的span数量是可以随意增加的 写css的时候务必注意,中间圆的半径不能超过大圆和小圆的差值 最后来个效果图 阅读全文
posted @ 2016-08-20 10:10 点点乐淘淘 阅读(1247) 评论(0) 推荐(0)
摘要:body{ font-size: 14px; } ul ,li{ margin:0px; padding:0px; list-style: none; } .box{ width: 1000px; height: 40px; background:rgba(0,0,255,.7); color: white; text-align: center; transform: skew(-45de... 阅读全文
posted @ 2016-08-18 10:07 点点乐淘淘 阅读(302) 评论(0) 推荐(0)