vue可以在元素或组件进入和消失的时候提供过渡效果 使用过渡： vue会自动嗅探目标元素是否应用了 CSS 过渡或动画（transition标签包裹），如果是，在恰当的时机添加/删除 CSS 类名 在进入/离开的过渡中，会有 6 个 class 切换： v enter:插入元素前 v enter a ...
分类：
其他好文 时间：
2019-09-13 23:00:59
阅读次数：
181
过渡能让使用过渡的元素在样式发生变化时(例如鼠标划过，单击按钮，点击图片时，颜色，尺寸，位置等样式发生变化)，定义变化过程中的动画，让变化不再是瞬间产生。 过渡样式使用transition定义，一共有四个属性 1. transition property:过渡属性，比如color, opacity, ...
分类：
其他好文 时间：
2019-09-13 19:42:56
阅读次数：
139
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>圆环进度条</title> <style type="text/css"> circle{ -webkit-transition: stroke-dasharray .25s; ... ...
分类：
其他好文 时间：
2019-09-13 01:10:05
阅读次数：
103
css绘制三角形 知识点 1. border border color: c2c2c2 transparent transparent transparent; transparent：透明 2. transition:all 0.2s 动画效果，all指的是所有属性，如width、transfor ...
分类：
Web程序 时间：
2019-09-10 18:19:06
阅读次数：
115
animation是CSS3的动画属性，可以设置以下六种属性。 transition是CSS3的过度属性，可以设置以下四种属性。 从属性上分析，animation可以设定循环次数。 其次，两者的触发条件不同，transition通常和hover等事件配合使用，由事件触发。animation则和gif ...
分类：
Web程序 时间：
2019-09-09 19:13:07
阅读次数：
119
animation 可以用 name 设置动画的名称，用 duration 设置动画完成的周期，用 timing-function 设置动画的速度曲线，delay 设置动画什么时候开始，iteration-count 设置动画播放的次数，direction 规定下一个周期是否逆向的播放，play-s ...
分类：
其他好文 时间：
2019-09-05 19:00:14
阅读次数：
119
区别： transition也叫过渡动画，主要是用于让一个元素从一种状态过渡到另一种状态效果，常用于主动触发的效果。例如移动端的页面切换（很常用）、button点击效果（也很常见）。 animation才是css3正宗的动画，主要是用于实现某种持续的动画效果（当然简单的过渡动画也可以实现），常用于自 ...
分类：
Web程序 时间：
2019-09-02 22:16:34
阅读次数：
179
通过过渡transition，可以让web前端开发人员不需要javascript就可以实现简单的动画交互效果。过渡属性看似简单，但实际上它有很多需要注意的细节和容易混淆的地方。 过渡transition是一个复合属性，包括transition property、transition duration ...
分类：
Web程序 时间：
2019-08-29 16:31:31
阅读次数：
99
ease： 1、ease：（逐渐变慢）默认值 2、linear：（匀速） 3、ease-in：(加速) 4、ease-out：（减速） 5、ease-in-out：（加速然后减速） 6、cubic-bezier transition：all 1s ease 1s 代表的含义 执行变换的属性：tran ...
分类：
Web程序 时间：
2019-08-22 12:45:06
阅读次数：
86
transition 动画效果 属性transition-xxx -duration ： 过渡时间 -property ： 过渡属性 width height backgroud-color none | all | property -timing-faction : 过渡方式 lnear 匀速 ...
分类：
Web程序 时间：
2019-08-21 23:04:30
阅读次数：
127
