前言 vue1.0版本和2.0版本的过渡系统改变还是蛮彻底的,具体请自行详看文档介绍:https://vuefe.cn/v2/guide/migration.html#过渡。在使用2.0版本做过渡效果的时候,虽然比1.0版本强大很多,但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已 ...
分类:
其他好文 时间:
2018-06-28 13:52:43
阅读次数:
166
reveal.js是一个能够帮助我们很轻易地使用HTML来创建漂亮的演示效果,也就是我们常见的PPT幻灯片。reveal.js不依赖其他任何javascript库,是一个独立的javascript插件库。它提供了多种幻灯片过渡效果,是一个非常棒的在线演示库。 reveal.js还拥有许多高级特性,完 ...
分类:
Web程序 时间:
2018-06-14 14:51:40
阅读次数:
221
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
进入、离开和列表的过渡 概述 当从 DOM 中插入、更新或移除项目时,Vue 提供多种应用过渡效果的方式。包括以下工具: 在 CSS 过渡和动画中自动处理 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配 ...
分类:
其他好文 时间:
2018-05-14 10:24:43
阅读次数:
261
css动画常用属性: transition 属性是一个简写属性,用于设置四个过渡属性 transition-property 规定设置过渡效果的 CSS 属性的名称。 transition-duration 规定完成过渡效果需要多少秒或毫秒。 transition-timing-function 规 ...
分类:
Web程序 时间:
2018-05-10 20:52:09
阅读次数:
163
一.transformCSS3提供了元素变形效果,也叫做变换。它可以将元素实现旋转、缩放和平移的功能。属性有两个:transform和transform-origin。对于transform的属性值,具体如下表://向水平和垂直各移动200像素,也可以使用百分比transform:translate(200px,200px);//向水平平移200像素,不加后面的0也可以transform:tran
分类:
Web程序 时间:
2018-05-01 23:39:59
阅读次数:
1993
① 列表 在页面渲染出来是个 span 标签, 如果你想更改它用 tag 属性。例如 渲染出来就是div ② 列表在循环时 要给每一个列表项添加唯一的key 属性值。这样列表才会有过渡效果 给添加appear属性,实现页面刚刚展示的时候入场的效果 ...
分类:
其他好文 时间:
2018-04-22 00:59:05
阅读次数:
191
:hover伪类选择器可以用于所有的选择器(只有在悬停时,执行选择器的属性)CSS3中新增过渡模块:transition property(属性)duration(过渡效果花费的时间)timing-function(过渡效果的时间曲线)delay(过渡效果何时开始)简写:transition:过渡属... ...
分类:
Web程序 时间:
2018-03-17 00:43:16
阅读次数:
337
第二十五章 CSS3过渡效果 一、过渡简介 过渡效果一般是通过一些简单的CSS动作触发平滑过渡功能,比如:hover、:focus、:active、:checked等,CSS3提供了transition属性来实现这个过渡的,主要属性如下 属性 说明 transition-property 指定过渡或 ...
分类:
Web程序 时间:
2018-02-28 19:43:24
阅读次数:
235
一、过渡 过渡效果一般由浏览器直接改变元素的CSS属性实现。 a、transition属性 transition 属性是一个简写属性,用于设置四个过渡属性: transition-property transition-duration transition-timing-function tran ...
分类:
Web程序 时间:
2018-02-25 19:08:38
阅读次数:
367