1、概述 <canvas>元素用于生成图像。它本身就像一个画布，JavaScript 通过操作它的 API，在上面生成图像。它的底层是一个个像素，基本上<canvas>是一个可以用 JavaScript 操作的位图（bitmap）。它与 SVG 图像的区别在于，<canvas>是脚本调用各种方法生成 ...
分类：
其他好文 时间：
2020-03-28 21:38:34
阅读次数：
82
１: transition div { width: 200px; height: 100px; background-color: pink; /* transition: 要过渡的属性 花费时间 运动曲线 何时开始; */ /* transition: width 0.6s ease 0s, h ...
分类：
Web程序 时间：
2020-03-24 15:53:12
阅读次数：
74
Android 动画解释 XML 目录 " 动漫效果" " 动画效果" " 动画效果" " 动画效果" "activity 中添加代码" 动画效果 这种动画主要实现渐出 "返回" 动画效果 这种动画主要实现从小到大缩放 "返回" 动画效果 这种动画主要是画面转换位置,从而移动的效果 "返回" 动画效 ...
分类：
移动开发 时间：
2020-03-15 22:03:14
阅读次数：
79
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ...
分类：
Web程序 时间：
2020-03-14 17:00:38
阅读次数：
81
性能问题 使用fla导出canvas动画的时候也会碰到性能问题，遇到性能问题，一 般都是在Animate cc做动画的时候可以规避掉的， 减少矢量，减少影片剪辑（movie clip），减少嵌套，减少滤镜特效 1、嵌套规范 在使用animate cc设计动画效果时，尽量不要太多的嵌套，比如：影片剪辑 ...
分类：
Web程序 时间：
2020-03-13 20:31:49
阅读次数：
85
CSS3 动画 动画的基本使用 制作动画分为两不 先定义动画 再使用(调用)动画 用keyframes定义动画(类似定义类选择器) 元素使用动画 动画序列 0% 是动画的 开始 ，100% 是动画的 完成 ，这样的规划就是动画序列 再 中规定某项CSS样式，就能创建由当前样式逐渐改为新样式的动画效果 ...
分类：
Web程序 时间：
2020-03-09 21:08:55
阅读次数：
81
1. 坐标系 | 注意：在页面开发中，css的2D、3D效果都需要坐标系的相关概念 | 在2D动画中，坐标系有两条轴，一条是X轴，一条是Y轴 | 在3D动画中，坐标系多个一个轴，那就是纵深轴(Z轴) 2. 定义方式 transform | none: 没有效果 | translate(x,y)：定义 ...
分类：
其他好文 时间：
2020-03-08 21:46:25
阅读次数：
69
通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及JavaScript。 CSS3动画有哪些实现方式？ Transitions 、transforms和 Animations Transitions特点：平滑的改变CSS的值 transforms特点：变换主要实现 ...
分类：
Web程序 时间：
2020-03-08 17:56:22
阅读次数：
161
在 vue 中往往需要添加动画,但是并不像 JQ 一样可以比较容易的添加,经常我会避免使用动画,这样就不用考虑了,但是在类似轮播图中,还是需要动画效果动画样式1234567891011121314.slider-enter-active { transform: translateX(0); tra... ...
分类：
其他好文 时间：
2020-03-07 12:41:50
阅读次数：
73
请注意！为了用户体验，请勿在某些重要的页面使用这种抖动效果！被领导 / 用户 / 朋友 / 路人… 喷瞎眼本人概不负责本效果非常简单，其实就是一个 CSS3 的动画效果 直接将这下面段放进你的 style.css 或者用 <style> 写入 html 文件 .doudong{ animation: ...
分类：
Web程序 时间：
2020-03-07 09:50:45
阅读次数：
553
