CSS3 transition-property 属性 CSS 参考手册 实例 把鼠标指针放到 div 元素上，会产生带有平滑改变元素宽度的过渡效果： div{transition-property:width;-moz-transition-property: width; /* Firefox 4 */ -webkit-t...
CSS3 transition-duration 属性 CSS 参考手册 实例 让过渡效果持续 5 秒： div{transition-duration: 5s;-moz-transition-duration: 5s; /* Firefox 4 */ -webkit-transition-duration: 5s; /* Safari 和 Chrome */ -o-transition-duration...
CSS3 transition-timing-function 属性 CSS 参考手册 实例 以相同的速度从开始到结束的过渡效果： div{transition-timing-function: linear;-moz-transition-timing-function: linear; /* Firefox 4 */-webkit-transition-timing-f...
CSS3 transition-delay 属性 CSS 参考手册 实例 在过渡效果开始前等待 2 秒： div{transition-delay: 2s;-moz-transition-delay: 2s; /* Firefox 4 */ -webkit-transition-delay: 2s; /* Safari 和 Chrome */ -o-transition-delay: 2s; ...
CSS3 appearance 属性 CSS 参考手册 实例 使 div 元素看上去像一个按钮： div{appearance:button;-moz-appearance:button; /* Firefox */ -webkit-appearance:button; /* Safari 和 Chrome */ } 亲自试一试 页面底部有更多实...
CSS3 box-sizing 属性 CSS 参考手册 实例 规定两个并排的带边框的框： div{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width:50%;float:left;} 亲自试一试 页面...
CSS3 icon 属性 CSS 参考手册 实例 将图像元素设置为图标化的等价物： img{content:icon;icon:url(imgicon.png);} 浏览器支持 IE Firefox Chrome Safari Opera 目前没有浏览器支持 icon 属性。 定义和用法 ico...
CSS3 nav-down 属性 CSS 参考手册 实例 规定在使用方向键时向何处导航： button#b1{top:20%;left:25%;nav-index:1;nav-right:#b2;nav-left:#b4;nav-down:#b2;nav-up:#b4;}button#b2{top:40%;left:50%;nav-index:2;nav-right:#b3;nav-l...
CSS3 nav-index 属性 CSS 参考手册 实例 规定在使用方向键时向何处导航： button#b1{top:20%;left:25%;nav-index:1;nav-right:#b2;nav-left:#b4;nav-down:#b2;nav-up:#b4;}button#b2{top:40%;left:50%;nav-index:2;nav-right:#b3;nav-...
CSS3 nav-left 属性 CSS 参考手册 实例 规定在使用方向键时向何处导航： button#b1{top:20%;left:25%;nav-index:1;nav-right:#b2;nav-left:#b4;nav-down:#b2;nav-up:#b4;}button#b2{top:40%;left:50%;nav-index:2;nav-right:#b3;nav-l...
