CSS帧动画 基础知识 通过定义一段动画中的关键点、关键状态来创建动画。@Keyframes相比transition对动画过程和细节有更强的控制。 过渡动画是两个状态间的变化，帧动画可以处理动画过程中不同时间的细节变化， 对过渡动画理解后再学习习帧动画会非常容易，也可以把帧动画理解为多个帧之间的过渡 ...
分类：
Web程序 时间：
2020-07-24 09:27:49
阅读次数：
102
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .box{ width: 200px; height: 200px; /*盒子的边框 宽度 颜色 transparent表示透明 */ border ...
分类：
其他好文 时间：
2020-07-23 22:34:08
阅读次数：
98
什么是属性前缀? 为了浏览器的兼容性，有时候我们必须加入-webkit,-ms,-o,-moz这些前缀。目的就是让我们写的页面在每个浏览器中都可以顺利运行。例如： transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -we ...
分类：
Web程序 时间：
2020-07-23 01:51:35
阅读次数：
113
css3属性中关于制作动画的三个属性：Transform,Transition,Animation。 1、transform：描述了元素的静态样式，本身不会呈现动画效果，可以对元素进行 旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。 div{ tra ...
分类：
Web程序 时间：
2020-07-22 23:36:58
阅读次数：
115
<scroll-view class="VerticalNav nav" scroll-y scroll-with-animation :scroll-top="verticalNavTop" style > <view class="cu-item" :class="item.id == sele ...
分类：
移动开发 时间：
2020-07-20 15:33:50
阅读次数：
157
Web优化的对象包括页面性能、用户体验、开发效率、代码优化、网络延迟等，本系列会列举出众多常用的优化技巧，每个技巧都可深入分析，在此只做抛砖引玉。 本系列优化内容提炼于《前端面试宝典》、《高效前端》、《高性能JavaScript》、《CSS重构》等书籍，以及《2020前端性能优化清单》等网络资源。 ...
分类：
Web程序 时间：
2020-07-20 10:48:52
阅读次数：
87
ionic5 modal使用过程中，在模态窗中打开另外一个模态窗，浏览器中显示正常，但是andorid8系统真机调试时，关闭最上层模态窗，上级模态窗DOM中存在，但是不显示。 原因是android版本太低，应该是9以下版本，不支持web animation导致多级模态窗关闭其中一个，共享的样式丢失， ...
分类：
其他好文 时间：
2020-07-19 00:45:41
阅读次数：
117
Android 平台目前提供了两大类动画，在 Android 3.0 之前，一大类是 View Animation，包括 Tween animation（补间动画），Frame animation（帧动画），在 Android 3.0 中又引入了一个新的动画系统：Property Animation ...
分类：
其他好文 时间：
2020-07-18 22:35:31
阅读次数：
68
部分内容参考：https://www.cnblogs.com/corgi/p/5405453.html 本文章地址：https://www.cnblogs.com/LynnVon/p/13334523.html 当我按照文章做完之后，editor模式下完全没问题，Standalone模式下也没问题， ...
分类：
其他好文 时间：
2020-07-18 11:35:04
阅读次数：
109
一、echarts配置项如下： var option = { animation: true, title: {}, tooltip: { showDelay: 0, }, xAxis: { type: 'value', }, grid: { top: '20%', bottom: '20%' }, ...
分类：
其他好文 时间：
2020-07-15 15:18:27
阅读次数：
116
