CSS3主要属性列举

1.边框:圆角,阴影,图片边框
border-radius 圆角
box-shadow 阴影
border-image 边框可以用图片
2.背景
background-size
background-origin
3.文本
text-shadow 文本阴影
word-wrap: ;
4.自定义字体
@font-face 自定义字体

{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
url('Sansation_Light.eot'); 
}


5.2D转换
transform 类似canvas中几种方式,平移,旋转,缩放等
6.3D转换
rotateX(),rotateY()
7.过渡
transition
8.动画
@keyframes myfirst

{
from {background: red;}
to {background: yellow;}
}
div
{
animation: myfirst 5s;
}


9.多列
column-count: 3; 元素分为3列
column-gap: 40px; 列之间的布局
column-rule 属性设置列之间的宽度、样式和颜色规则
10.用户界面
resize: none|both|horizontal|vertical; 用户是否可调整元素尺寸
box-sizing: border-box;
outline-offset 属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓

posted @ 2017-03-14 16:14  海绵小猪  阅读(208)  评论(0)    收藏  举报