CSS3 nav-left 属性

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...

发布于 2017-08-05 阅读(181)

CSS3 nav-index 属性

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-...

发布于 2017-08-05 阅读(55)

CSS3 nav-down 属性

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...

发布于 2017-08-05 阅读(231)

CSS3 icon 属性

CSS3 icon 属性 CSS 参考手册 实例 将图像元素设置为图标化的等价物: img{content:icon;icon:url(imgicon.png);} 浏览器支持 IE Firefox Chrome Safari Opera 目前没有浏览器支持 icon 属性。 定义和用法 ico...

发布于 2017-08-05 阅读(141)

CSS3 box-sizing 属性

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;} 亲自试一试 页面...

发布于 2017-08-05 阅读(180)

CSS3 appearance 属性

CSS3 appearance 属性 CSS 参考手册 实例 使 div 元素看上去像一个按钮: div{appearance:button;-moz-appearance:button; /* Firefox */ -webkit-appearance:button; /* Safari 和 Chrome */ } 亲自试一试 页面底部有更多实...

发布于 2017-08-05 阅读(137)

CSS3 transition-delay 属性

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; ...

发布于 2017-08-05 阅读(174)

CSS3 transition-timing-function 属性

CSS3 transition-timing-function 属性 CSS 参考手册 实例 以相同的速度从开始到结束的过渡效果: div{transition-timing-function: linear;-moz-transition-timing-function: linear; /* Firefox 4 */-webkit-transition-timing-f...

发布于 2017-08-05 阅读(119)

CSS3 transition-duration 属性

CSS3 transition-duration 属性 CSS 参考手册 实例 让过渡效果持续 5 秒: div{transition-duration: 5s;-moz-transition-duration: 5s; /* Firefox 4 */ -webkit-transition-duration: 5s; /* Safari 和 Chrome */ -o-transition-duration...

发布于 2017-08-05 阅读(243)

CSS3 transition-property 属性

CSS3 transition-property 属性 CSS 参考手册 实例 把鼠标指针放到 div 元素上,会产生带有平滑改变元素宽度的过渡效果: div{transition-property:width;-moz-transition-property: width; /* Firefox 4 */ -webkit-t...

发布于 2017-08-05 阅读(144)