transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。transition包含4个属性值:执行变换的属性:transition-property,变换延续的时间:transition- ...
分类:
其他好文 时间:
2020-10-20 16:22:50
阅读次数:
27
转换 改变元素在页面中位置,大小,角度以及形状的一种方式 2D转换:只在x轴和y轴上发生转换效果 3D转换:增加了z轴的转换效果 一、转换属性 transform 取值: (1)none,默认值,无任何转换效果 (2)transform-function 一个或多个转换函数,多个的话,中间用空格隔开 ...
分类:
Web程序 时间:
2020-10-19 22:35:55
阅读次数:
35
在绘制 dag 图时,通过节点和来箭头的连线来表示节点彼此之间的关系。而节点常常又带有状态,为了更好的表示节点之间的流程关系,loading 状态的节点,与后续节点之间,需要用 动画着的虚线 表示,表示正在处理中,处理完才会变成实线。原理同页面没加载出来之间,加个 loading 提示,能提供更好的 ...
分类:
Web程序 时间:
2020-10-18 17:06:39
阅读次数:
48
1,CSS3 边框用CSS3,您可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序(如Photoshop等作图软件),极大地帮助您节省了很多时间。 而在本节中,您将了解以下的边框属性有: border-radius box-shadow border-image(需要注意的是:该属性不支 ...
分类:
Web程序 时间:
2020-10-18 16:33:39
阅读次数:
30
1,CSS3 border-radius - 指定每个圆角如果你在 border-radius 属性中只指定一个值,那么将生成 4 个 圆角。 但是,如果你要在四个角上一一指定,可以使用以下规则: 四个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。 三个值: 第一个值 ...
分类:
Web程序 时间:
2020-10-18 16:32:03
阅读次数:
30
Flutter动画中用到的基本概念 Flutter动画中有4个比较重要的角色:Animation、Controller、Curve、Tween,先来了解一下这四个角色 1.1 Animation Animation是Flutter动画库中的核心类,用于插入指导动画的值 Animation对象知道动画 ...
分类:
其他好文 时间:
2020-10-18 09:48:47
阅读次数:
19
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script sr... ...
分类:
Web程序 时间:
2020-10-13 17:07:25
阅读次数:
27
目录 简介 快速排序的例子 快速排序的java代码实现 随机快速排序的java实现 快速排序的时间复杂度 简介 快速排序也采用的是分而制之的思想。那么快速排序和归并排序的区别在什么地方呢? 归并排序是将所有的元素拆分成一个个排好序的数组,然后将这些数组再进行合并。 而快速排序虽然也是拆分,但是拆分之 ...
分类:
编程语言 时间:
2020-10-12 19:57:37
阅读次数:
27
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:
Web程序 时间:
2020-10-10 18:01:00
阅读次数:
36
.案例:返回顶部 带有动画的返回顶部 此时可以继续使用我们封装的动画函数 只需要把所有的left 相关的值改为 跟 页面垂直滚动距离相关就可以了 页面滚动了多少,可以通过 window.pageYOffset 得到 最后是页面滚动,使用 window.scroll(x,y) <script> // ...
分类:
其他好文 时间:
2020-10-08 18:05:19
阅读次数:
19