1.transition 语法：transition: property duration timing-function delay; transition-property 设置过渡效果的css 属性名称 语法： transition-property: none | all | propert ...
分类：
Web程序 时间：
2017-02-08 17:05:02
阅读次数：
197
参考了one-page.js。为了实现头部尾部效果。我认为很有必要自己写一下，不然用原有的插件我不知道如何实现想要的效果。写的太随意了。以后再做改正吧。 $(function() { $('header').css({ marginTop: '-62px', transition: "all .25 ...
分类：
其他好文 时间：
2017-02-04 16:57:18
阅读次数：
182
@click 其实是v-on指令的缩写 detailShow默认为false 隐藏 如果想在事件上加上一些css动画效果的话，直接在目标元素上加 transition="";例如 然后定义样式 .fade-transition 是最终状态 .fade-enter和.fade-leave是移入移出的状 ...
分类：
Web程序 时间：
2017-01-22 14:42:55
阅读次数：
314
CSS3 transition实现超酷图片墙动画效果 自己试了都写成活的，但是有点问题，明天修改： 参考：http://www.zhangxinxu.com/wordpress/?p=498 ...
分类：
其他好文 时间：
2017-01-19 19:29:02
阅读次数：
284
回到顶部 一：过渡动画 Transitions 一：过渡动画 Transitions 含义：在css3中，Transitions功能通过将元素的某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画功能。 Transitions属性的使用方法如下所示： transition: prope ...
分类：
Web程序 时间：
2017-01-15 21:45:44
阅读次数：
291
这里讲下如何利用css3里的两个新属性 box-shadow和transition来实现如下所示的带有阴影和颜色渐变效果的按钮(下面这个只是图片；本想直接在这个页面下嵌html的,,试了后发现有些css样式貌似不给用就只能放图片了...=_=)： 首先是box-shados语法,用于向框添加一个或多 ...
分类：
Web程序 时间：
2017-01-13 23:33:57
阅读次数：
313
一、动画方式 在HTML5/CSS3时代，实现动画的方式有许多种： 你可以用css3的animation和@keyframes； 可以用css3的transition； 还可以用原始的setTimeout()、setInterval()达到动画效果，以及jQuery中animate方法； 今天我们要 ...
分类：
其他好文 时间：
2017-01-09 23:25:04
阅读次数：
168
动画分为: 1.css3动画:(动画性能远高于js) 1).过渡动画(transition) 2).关键帧动画(@keyframes,animation) 2.js动画: 过渡动画(transition) 语法: (所有时长单位都是秒） 1.变化属性(transition-property(属性名) ...
分类：
其他好文 时间：
2017-01-06 21:21:39
阅读次数：
8696
CSS3： 一、transition: <property> <duration> <animation type> <delay> eg： .div{width:10px;} .div:hover{transition:width:100px 2s ease-in-out 1s;}//1s后div ...
分类：
Web程序 时间：
2017-01-06 17:00:15
阅读次数：
342
1.一系列Css transition单一过渡效果：http://leaverou.github.io/animatable/ 2.Css transition过渡效果自定义timing-function：http://cubic-bezier.com（贝塞尔曲线） ...
分类：
其他好文 时间：
2017-01-06 12:13:45
阅读次数：
183
