基础准备对于这个实现,我们需要一个简单的 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