代码改变世界

css中的高阶6.6阴影,渐变

2016-05-27 17:09  TNT_xxx  阅读(189)  评论(0编辑  收藏  举报

1.盒子圆角: box-radius:5px;

2.盒子和 文字的阴影  text-shadow:上 右 半径 颜色;

              box-shadow:上 右 半径 颜色;需要考虑兼容性 -moz-  -ms-

     盒子 内阴影 :  box-shadow:inset 上 右 半径 颜色;

3. 整体部分的分布

 <div id=container></div> 

<header></header>

  < div id= main></ div>

 <footer></footer>

4.动画2D:

360浏览器:
-webkit-transition:all 3s ease 0s;放在 没改之前的 css里面

5. transform :

变形scale(1.5)   ; rotate:旋转  translate:移动元素