![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 114 阅读 · 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 · 125 阅读 · 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 · 151 阅读 · 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 · 112 阅读 · 0 评论