哎!突然发现天天更新意外的好难啊! 这回作的是三列的板块效果,由于不会描述,所以看图片吧! 至于内容,就别太在意了,毕竟是看着这个效果作的. 而效果则是鼠标悬浮,图片放大,利用transform: scale(1.2); 在通过css3的过渡,transition: transform 1s; 以及 ...
分类：
Web程序 时间：
2018-05-30 10:58:23
阅读次数：
178
单元素/组件的过渡 Vue提供了transition的封装组件，在下列情况中，可以给任何元素和组件添加”进入”和”离开”过渡动画。 条件渲染 （使用 v-if） 条件展示 （使用 v-show） 动态组件 组件根节点 示例代码： 动画效果： ...
分类：
其他好文 时间：
2018-05-29 19:43:07
阅读次数：
8820
过度 transition(过度) transition-property: 属性； 设置需要过度属性一般设置为 all (全部) transition-duration: 1s； 设置过度花费的时间 transition-timing-function: linear； 设置过度效果的速度曲线。l ...
分类：
Web程序 时间：
2018-05-25 11:10:08
阅读次数：
230
1、在需要hover的标签上加上 transition: all .2s ease-in-out; 2、让高亮更有层次 .nav-items a{ opacity: .69; color:#fff; cursor: pointer; transition: all .2s ease-in-out;} ...
分类：
其他好文 时间：
2018-05-24 16:33:08
阅读次数：
178
CSS动画 原理：1.画面之间变化 2.视觉暂留作用 常见问题 1.CSS 动画的实现方式有几种 1.transition 2. keyframes(animation) 2.过渡动画和关键帧动画的区别 1.过渡动画需要状态变化 2.关键帧动画不需要状态变化 3.关键帧动画能控制更精细 3.如何使用 ...
分类：
Web程序 时间：
2018-05-21 19:54:40
阅读次数：
176
$("#id").css("display","none"); 例子： $("#del-ad").click(function(){ $(".advert").css("opacity","0").css("transition","1s"); setTimeout(function(){ $(". ...
分类：
其他好文 时间：
2018-05-18 14:12:15
阅读次数：
118
分析文档描述 CSS 支持动画的属性中的 height 属性如下： height ：yes, as a length, percentage or calc() 即：当 height 的值是 length，百分比或 calc() 时支持 CSS3 过渡。 所以当元素 height : auto 时， ...
分类：
其他好文 时间：
2018-05-16 20:46:25
阅读次数：
1251
从隐藏到显现 从显现到隐藏 动画由transition标签包裹，class中的名字由transition的name属性来定，例如name = "fade",则class名为.fade-enter,如果没有name,则默认class名为v-, 例如.v-enter, .v-enter-active ...
分类：
Web程序 时间：
2018-05-15 16:04:11
阅读次数：
309
css3动画——transition（过渡） 用于规定元素不同状态间变化所需时间，属性值为一个时间值，单位（s/ms）； 初次接触此属性觉得有些麻烦，通过一段时间的学习，还是简单做下过度知识的整理。 相关属性 1.transition：属性简写，用于在单个属性中 同时可进行四个属性值的设定。 div ...
分类：
Web程序 时间：
2018-05-13 18:05:24
阅读次数：
322
