active伪类解决 HTML代码 <div class='box'> </div> CSS代码 .box { width: 100px; height: 100px; background: green; transition: transform 0.3s ease-out; } .box:ac ...
分类：
移动开发 时间：
2020-02-28 01:32:42
阅读次数：
116
过渡动画使 UI 更富有表现力并且易于使用。如何使用 React 快速的实现一个 Transition 过渡动画组件？ ...
分类：
其他好文 时间：
2020-02-28 01:20:38
阅读次数：
41
本文主要内容： 过渡：transition 2D 转换 transform 3D 转换 transform 动画：animation 过渡：transition transition的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征，可以实现元素不同状态间的平滑过渡（补间动画），经常用来制作动画 ...
分类：
Web程序 时间：
2020-02-27 00:32:00
阅读次数：
115
1、transition-property 设置过渡的属性，比如：width height background-color2、transition-duration 设置过渡的时间，比如：1s 500ms3、transition-timing-function 设置过渡的运动方式 linear 匀 ...
分类：
Web程序 时间：
2020-02-23 18:23:51
阅读次数：
86
https://www.jianshu.com/p/55305c53de13 transition动画钩子初识： <div id="root"> <transition name='fade' @before-enter='handleBeforeEnter' @enter='handleEnter ...
分类：
Web程序 时间：
2020-02-21 00:17:58
阅读次数：
121
1将animate和过度动画的类名添加到transition对应的类上 2appear 设置初始样式（页面刷新样式）appear-active-class 3type设置动画时间依据类型（transition或animate） 4可以通过:duration来设置动画时间，补充3 <style> .f ...
分类：
Web程序 时间：
2020-02-20 13:09:17
阅读次数：
84
<template> <div class="hello"> <div class="toggle" @click="fullScreen = !fullScreen" v-show="fullScreen">toggle</div> <transition name="normal" @enter ...
分类：
其他好文 时间：
2020-02-13 19:35:27
阅读次数：
74
1，背诵单词：loaf 一个面包 applicable可应用 (实施 )的 motion 运动，提议 diploma毕业文凭 ,学位证书 contrast 对比，对照 trend倾向 ,趋势 honorable可敬的 transition转变，变迁 appendix附录，附属物 objection ...
分类：
其他好文 时间：
2020-02-13 00:12:57
阅读次数：
66
css属性很多，无论是字母的拼写还是字面上的意思，很多人都容易混淆，包括我在内，也时不时需要去看看到底是咋回事，是不是也混淆过你～ 下面列举几个最容易混淆的属性： http://www.imooc.com/article/details/id/79030 ...
分类：
Web程序 时间：
2020-01-28 13:48:58
阅读次数：
79
1.Vue中Css动画原理 动画执行原理： 动画显示过程 当一个元素被transition包裹，vue会自动分析元素的css样式构建一个流程，如下图： 在动画要执行的一瞬间会往内部标签（这里时div），添加class 为fade enter和fade enter active.当动画第一时间开始执行 ...
分类：
其他好文 时间：
2020-01-23 22:49:41
阅读次数：
117
