在Web应用中，实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的API，那就是 re ...
分类：
其他好文 时间：
2018-10-09 11:40:21
阅读次数：
144
内容： 1.圆角 border-radius 2.阴影 text-shadow、box-shadow 3.渐变 linear、radial 4.rgba rgb+alpha opacity 5.transform 6.动画 transition、animation 1.圆角 border-radiu ...
分类：
Web程序 时间：
2018-10-07 15:33:28
阅读次数：
263
前段时间写鼠标悬停元素上移效果时，当鼠标恰好放在元素边缘时，chrome出现一直上下移动的问题，其他浏览器表现正常。原因尚不知，可能是实现方式不对吧（PS：使用top实现），虽然不知道原因，但是问题还是要解决的，分享一个能绕开的实现方式。 说到鼠标悬停元素上移，首先想到的是鼠标悬停时元素上移，然后应 ...
分类：
其他好文 时间：
2018-10-05 21:06:05
阅读次数：
210
When initialized, TCP starts in the CLOSED state. Usually an imme- diate transition takes it to either the SYN_SENT or LISTEN state, depending on whet ...
分类：
其他好文 时间：
2018-10-02 17:17:37
阅读次数：
140
Transition:添加弹出过渡效果 通过鼠标的单击、获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。 "W3C transition" "MDN transition" 在CSS中创建简单的过渡效果可以从以下几个步骤来实现： 第一，在默认样式中声明元素的初始状态样式 ...
分类：
其他好文 时间：
2018-09-22 21:29:25
阅读次数：
279
1：transition： CSS transition 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程，而不是立即生效的。比如，将一个元素的颜色从白色改为黑色，通常这个改变是立即生效的，使用 CSS transitions 后该元素的颜色将逐渐从白色变 ...
分类：
其他好文 时间：
2018-09-21 23:04:13
阅读次数：
196
<template> <!--轮播图--> <div class="carousel-wrap" id="carousel"> <transition-group tag="ul" class='slide-ul' :name="transitionName"> <li v-for="(list,i ...
分类：
其他好文 时间：
2018-09-20 16:07:32
阅读次数：
1211
显示原理： <transition name='fade'> <div v-if='show'>hello world</div> </transition> 当一个元素被transition包裹了之后，vue会自动当分析元素的css样式，然后构建一个动画的流程，在动画即将被执行的一瞬间，vue会在 ...
分类：
Web程序 时间：
2018-09-20 11:12:26
阅读次数：
270
