学习css3的笔记

刚用了css3的动画，然后就想看看css3到底增加了哪些东西，看一遍w3school然后记录一下吧 ，不然只会用不知道哪个是c3的东西

1. 边框：包括圆角、边框阴影、图片边框

　　2.背景：背景大小（设置背景图片大小）、背景区域（设置背景只在content区域，或者包括padding区域，或者包括border区域）、绘制区域

　　3.文本：定义了一些换行规则，shadow，标点修剪等

　　4.字体：@font-face

　　5.2D转换：能够对元素进行移动、缩放、转动、拉长或拉伸。

　　　　（1）transform: translate(50px,100px); 水平垂直移动

　　　　（2）transform: rotate(30deg);顺指针旋转

　　　　（3）transform: scale(2,4);宽变为原来的两倍，高变为原来的4倍

　　　　（4）transform: skew(30deg,20deg);x轴旋转30deg，y轴旋转20deg

　　6.3D转换

扫描二维码关注公众号，回复： 11144390 查看本文章

　　　　transform: rotateX(120deg);

　　　　transform: rotateY(130deg);

　　7.过度（有动画）

　　　　transition: width 2s, height 2s, transform 2s;
　　　　　　　　　　：css名字 时间 曲线 延时

　　8.动画：animation

　　
　　9.多列：column-count等

　　10.resize（是否允许用户调整大小）、box-sizing（content-box、boder-box）

看完了，怎么没有flex？

我又搜了一下，发现felx确实是css3的东西啊，什么情况

下一个随笔就详细介绍下flex吧