<!-- CSS3 animation动画： 1、@keyframes 定义关键帧动画 2、animation-name 动画名称 3、animation-duration 动画时间 4、animation-timing-function 动画曲线linear(匀速)|ease(缓冲)|steps( ...
分类：
Web程序 时间：
2020-03-14 16:36:50
阅读次数：
79
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>旋转的风车</title> 6 <style type="text/css"> 7 @keyframes fengche{ 8 form{ ...
分类：
Web程序 时间：
2020-03-14 16:27:41
阅读次数：
76
过渡 transition: all 2s; /* 设置哪些属性可以有过渡效果 all：所有的属性 */ /*注意：并不是所有的属性都可以过渡*/ transition-property: left, width; transition-duration: 5s; /* duration durin ...
分类：
Web程序 时间：
2020-03-11 23:43:42
阅读次数：
125
一、transition过渡不支持display属性 css3过渡transition不支持display属性，我们可以使用opacity或者visibility属性进行替换。相关的案例可以查看上一篇博文：【功能】关于页面加载进度条百分比实现的伪方法 二、display、opacity、visibi ...
分类：
其他好文 时间：
2020-03-11 11:07:12
阅读次数：
69
CSS 过渡 transition呈现的是一种过渡，是一种动画转换的过程，如渐现、渐弱、动画快慢等 transition-property 规定设置过渡效果的 CSS 属性的名称。 定义转换动画的CSS属性名称 IDENT：指定的CSS属性（width、height、background-color ...
分类：
Web程序 时间：
2020-03-11 01:34:57
阅读次数：
256
CSS 过渡 过渡(transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用Flash动画或JavaScript的情况下，当元素从一种样式变换为另一种样式时为元素添加效果 过渡动画： 是从一个状态渐渐的过渡到另外一个状态 可以让我们页面跟好看，更加动感十足，虽然低版本游览器不支持(i ...
分类：
Web程序 时间：
2020-03-08 22:01:08
阅读次数：
102
实现视频弹窗从上到下滑入： .video { transition: all .8s; &.slide { top:50%; opacity: 1; } position: fixed; top: -50%; left: 50%; transform: translate(-50%,-50%); z ...
分类：
Web程序 时间：
2020-03-08 18:06:57
阅读次数：
196
关于CSS3中动画属性的基本知识 animation顾名思义为动画的意思。Animation应用在页面DOM上 使其产生动画的效果。在开始介绍Animation之前我们有必要先来了解一个特殊的东西，那就是"Key s",我们把他叫做“关键帧”，玩过flash的朋友可能对这个东西并不会陌生。 anim ...
分类：
Web程序 时间：
2020-03-08 09:34:52
阅读次数：
430
先下载Animation GIF Control控件，安装说明如下： X86表示32位系统x64表示64位系统 dll控件常规安装方法（仅供参考）： 一、如果在运行某软件或编译程序时提示缺少、找不到dll等类似提示，您可将从脚本之家下载来的dll拷贝到指定目录即可(一般是system系统目录或放到软 ...
分类：
其他好文 时间：
2020-03-07 22:26:15
阅读次数：
273
缩放比例尺控件 首先引入控件 AMap.Scale <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.S ...
