Safari参考样式库之webkit（2）

 
 
★3,视觉效果
 CSS定义：clip: rect(10px, 5px, 10px, 5px)
 CSS定义:resize:auto;常量：auto, both, horizontal, none, vertical
 CSS定义:visibility:visible;常量: collapse, hidden, visible
 CSS定义:-webkit-transition: opacity 1s linear; 动画效果 ease,linear,ease-in,ease-out,ease-in-out
 CSS定义:-webkit-backface-visibility: visibler; 常量：visible(默认值)，hidden
 CSS定义:-webkit-box-reflect: right 1px; 镜向反转
 CSS定义:-webkit-box-reflect:below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
 CSS定义:-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));;CSS遮罩/蒙板效果   
 CSS定义:-webkit-mask-attachment:fixed;  常量：fixed,scroll
 CSS定义:-webkit-perspective: value; 常量：none(默认)
 CSS定义:-webkit-perspective-origin:left top;
 CSS定义:-webkit-transform:rotate(5deg);  
 CSS定义:-webkit-transform-style:preserve-3d; 常量：flat,preserve-3d;(2D与3D)

 
★4,生成目录
 CSS定义:content: “Item” counter(section) ” “;
This resets the counter.
First section
>two section
three section
 CSS定义:counter-increment: section 1;
 CSS定义:counter-reset:section;

★5,分页媒体
CSS定义:page-break-after:auto; 常量：always, auto, avoid, left, right
CSS定义:page-break-before:auto; 常量：always, auto, avoid, left, right
CSS定义:page-break-inside:auto; 常量：auto, avoid

★6,颜色与背景
CSS定义:-webkit-background-clip:content; 常量：border,content,padding,text
CSS定义:-webkit-background-origin:padding; 常量：border,content,padding,text
CSS定义:-webkit-background-size:55px; 常量：length,length_x,length_y