css
文章平均质量分 54
woollllll
程序猿,技术宅,梦想主义!
展开
-
CSS3 三次贝塞尔曲线(cubic-bezier)
最近在看animation模块,其中animation-timing-function 和 transition-timing-function两个属性来控制动画速度分别提供了ease,liner,ease-in,ease-out,ease-in-out几个预设速度,还可以同过cubic-bezier来自定义速度,想要深入了解CSS3动画,实现随心所欲的动画效果,还是有必要理解下其中的原理。原创 2016-10-24 23:31:21 · 37162 阅读 · 2 评论 -
animate.css源码分析--bounce(弹跳效果)
animate.css是一个不错CSS3预设动画库,是很好的CSS3动画学习资源,下面来剖析下bounce效果的实现原理,在此基础上实现自己的CSS动画。先从animate.css把bounce效果单独移出来,暂不考虑针对不同的浏览器的支持,测试浏览器为chrome,看一下效果。html>head> title>bounce-sourcetitle> meta ch原创 2016-11-09 20:09:10 · 11699 阅读 · 0 评论 -
Less Extend语法使用的一点强调
Less中的Extend语法顾名思义实现类似继承的功能,强大且实用,但需要强调一点,使用Extend时,不能Extend含有变量的选择器名称,不然会无效!例子:没有任何问题,会编译为:如果使用变量呢?在Less中看着很优雅,没毛病,编译为:up-arrow 和 down-arrow哪去了???技能一通甩,全是未命中,有没有?原创 2018-01-05 11:55:40 · 1328 阅读 · 0 评论