js 获取transform值 rotatex rotatey rotatez_CSS前端基础学习七(全,文末另附有HTML及js学习链接)...

CONTENTS
本章延伸拓展,并不需要牢记掌握,记得有这些个技巧就行,照着文档顺一遍即可,不要花费太多时间

CSS3动画

---

目录

1. 圆角 阴影
2. 转换Transform
3. 过度Transition
4. 动画animation

CSS3

CSS3是CSS（层叠样式表）技术的升级版本。CSS3完全向后兼容，不必改变现有的设计，浏览器将永远支持CSS2。W3C的CSS3规范仍在开发。但是，许多新的CSS3属性已在现代浏览器使用。

一.圆角 阴影

语法

• border-radius：value；四个角
• border-radius：value value；左上角和右下角
• border-radius：value value value value；代表设置对象左上角、右上角、右下角、左下角

顺时针设置

• 盒阴影box-shadow
• 语法：box-shadow: h-shadow v-shadow blur spread color inset;

盒阴影

HTML文档
	<div class="shadow"></div>

CSS样式
	.shadow{
    
            width: 300px;
            height: 100px;
            background-color: red;
            box-shadow: 10px 10px 5px 3px darkred;
        }

• 文字阴影
• 语法：text-shadow: h-shadow v-shadow blur color;
</