css实现运动光环的小Demo 效果图: 实现代码: 代码分析: Demo用到知识点: 1.CSS的常用选择器,transform属性居中 2.css的动画效果,动画延迟, 3.filer:模糊 HTML结构: <!DOCTYPE html> <html> <head> <meta charset= ...
分类：
Web程序 时间：
2020-06-11 19:42:21
阅读次数：
122
效果： 代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>缓动动画</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 ...
分类：
移动开发 时间：
2020-06-11 10:47:05
阅读次数：
90
关于css的flex布局,我只想说他真的解决了曾经布局中float和position中的痛苦,网上关于flex的文章很多了,在这里分享两篇好的文章(真的只有两篇)供大家学习. 一.阮一峰(不用多说很详细)Flex 布局教程：实例篇Flex 布局教程：语法篇 二.渔人码头用大彩图和GIF动画解释 用大 ...
分类：
其他好文 时间：
2020-06-11 01:07:28
阅读次数：
108
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
Web程序 时间：
2020-06-10 22:53:32
阅读次数：
100
缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来。 思路： 1.让盒子每次移动的距离慢慢变小，速度就会慢慢落下来； 2.核心算法：（目标值-现在的位置）/10 ， 作为每次移动的距离步长； 3.停止的条件是: 让当前盒子位置等于目标位置时就停止定时器。 效果： 代码： 1 <!DOCT ...
分类：
其他好文 时间：
2020-06-10 22:42:16
阅读次数：
82
第一阶段 01 Unity3D 基础操作 02 C# 语言基础 03 PS 图像简单处理 04 Unity3D 界面UI（UGUI或NGUI） 05 Unity3D 动画系统（Mecanim和DOtween） 06 Unity3D 图形数学（点乘、欧拉角、四元数等） 07 Unity3D 梳理代码（ ...
分类：
编程语言 时间：
2020-06-10 19:23:48
阅读次数：
83
目录 一、背景 二、概念 2.1 栈 2.2 队列 三、栈和队列的相互实现 3.1 用队列实现栈 3.2 用栈实现队列 四、总结 一、背景 栈和队列是数据结构中最常用到的两种结构，有非常广泛的运用，该篇文章将通过动画的手段，展示栈和队列相互实现的底层原理，让我们真正搞懂栈和队列的特性。 二、概念 2 ...
分类：
其他好文 时间：
2020-06-10 09:21:44
阅读次数：
82
一、背景 栈和队列是数据结构中最常用到的两种结构，有非常广泛的运用，该篇文章将通过动画的手段，展示栈和队列相互实现的底层原理，让我们真正搞懂栈和队列的特性。 二、概念 2.1 栈 栈[Stack]:是一种限定仅在表尾进行插入和删除操作的线性表；即后进先出（LIFO-last in first out ...
分类：
其他好文 时间：
2020-06-09 18:34:08
阅读次数：
68
1.示意图 2.结构 3.wave.html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS实战 - 波浪</title> <style type="text/css"> .wave-box{ b ...
分类：
Web程序 时间：
2020-06-09 18:16:38
阅读次数：
83
为了软件美观，需要添加一些动画效果，一般呢是使用GIF控件去实现，但是实际上gif控件的效果不是很好，于是UI提供了另一种方案，图片轮播。 一开始单开一个线程，添加了一个Label控件，使用SetBkImage的方法进行轮播，但是不知道为什么，动画效果并没有体现出来，只是一个静态图。 于是我想到了另 ...
分类：
其他好文 时间：
2020-06-09 16:39:58
阅读次数：
64
