基础准备对于这个实现，我们需要一个简单的 div ，并且样式类名为 ball ： HTML 代码: 我们将使用 Flexbox 布局，把球放到页面中间，尺寸为 100px 100px，背景色为橘黄色。 CSS 代码: 创建 Keyframe(关键帧)Keyframe(关键帧) 用于 CSS 动画，以 ...
分类：
Web程序 时间：
2018-11-11 23:30:55
阅读次数：
218
一.CSS3变形transform 1.平移： translate(x,y) translateX(x) translateY(y) 注意： 如果想只向X轴平移那么可以translateX，如果想只向X轴平移那么可以translateY，X和Y不能共存。如果想向两个方向平移，那么使用translat ...
分类：
Web程序 时间：
2018-11-09 16:11:01
阅读次数：
198
一.CSS3变形transform 1.平移：translate(x,y) translateX(x) translateY(y) 注意：如果想只向X轴平移那么可以translateX，如果想只向X轴平移那么可以translateY，X和Y不能共存。如果想向两个方向平移，那么使用translate ... ...
分类：
Web程序 时间：
2018-11-09 16:07:08
阅读次数：
313
一.CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 二.CSS3位移:translate <style type="text/css"> li a:hover{ transf ...
分类：
Web程序 时间：
2018-06-25 11:13:09
阅读次数：
171
一.CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 二.CSS3位移:translate <style type="text/css"> li a:hover{ transf ...
分类：
Web程序 时间：
2018-06-25 11:11:07
阅读次数：
197
一.CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 二.CSS3位移:translate <style type="text/css"> li a:hover{ transf ...
分类：
Web程序 时间：
2018-06-23 17:08:03
阅读次数：
251
一.CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 二.CSS3位移:translate <style type="text/css"> li a:hover{ transf ...
分类：
Web程序 时间：
2018-06-23 15:43:57
阅读次数：
228
一.CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 二.CSS3位移:translate <style type="text/css"> li a:hover{ transf ...
分类：
Web程序 时间：
2018-06-23 15:42:20
阅读次数：
178
一.CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 二.CSS3位移:translate <style type="text/css"> li a:hover{ transf ...
分类：
Web程序 时间：
2018-06-23 15:36:11
阅读次数：
183
CSS3变形 translate()平移函数 scale()缩放函数 skew()倾斜函数 rotate()旋转函数 CSS3过渡 过渡属性 过渡所需时间 过渡函数 过渡延迟时间 过渡的触发机制 CSS3动画 设置关键帧 调用关键帧 ...
分类：
Web程序 时间：
2018-06-17 21:21:49
阅读次数：
206
