CSS3学习笔记
芋头同学
一个小小的程序猿
展开
-
CSS3学习笔记----day04
3D 转换学习CSS 3D首先要了解perspective3D转换方法学习模板perspective属性translate3d()rotate3d() 文章推荐 概要:3D坐标系参考。 学习CSS 3D首先要了解perspective 当为元素定义 perspective属性时,其子元素会获得透视效果,而不是元素本身。 perspective-origin 属性定义 3D 元素所基于的 X 轴和 Y 轴。该属性允许您改变 3D 元素的底部位置。 3D转换方法 学习模板 下面的代原创 2020-09-15 09:53:43 · 102 阅读 · 0 评论 -
CSS3学习笔记----day03
CSS3 2D转换2D 变换方法2D 变换方法演示 translate()位移:rotate()旋转:scale()缩放: 概要:通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。 2D 变换方法 方法 作用 translate() 位移 rotate() 旋转 scale() 缩放 skew() 斜切变换 matrix() 矩阵变换 2D 变换方法演示 translate()位移: <!DOCTYPE html> <原创 2020-09-10 15:26:26 · 111 阅读 · 0 评论 -
CSS3学习笔记----day02
CSS3背景 背景尺寸 属性演示: 多张背景: background-origin content-box: padding-box: border-box: background-clip 背景尺寸 background-size 的单位可以是px,也可以是百分比,当尺寸为百分比的时候,相对于所在元素。 background-image可以置顶多张背景图 属性演示: <!DOCTYPE html> <html lang="en"> <head>原创 2020-09-09 20:55:12 · 143 阅读 · 0 评论 -
CSS3学习笔记----Day01
CSS3边框新的CSS3边框属性CSS3 圆角边框CSS3 盒阴影 只有h-shadow和v-shadow 属性: 增加一个color属性: 增加一个blur属性: 增加一个spread属性: inset属性:CSS3 边框图片 新的CSS3边框属性 属性 作用 border-image 设置所有 border-image-*- 属性的简写属性 border-radius 设置所有四个 border-*-radius 属性的简写属性 box-shadow 向方框添加一个或多个阴影原创 2020-09-09 15:35:08 · 105 阅读 · 0 评论