CSS3 相关话题

CSS3 transition 属性

2017-08-05

CSS3 transition 属性 CSS 参考手册实例把鼠标指针放到 div 元素上，其宽度会从 100px 逐渐变为 300px： div{width:100px;transition: width 2s;-moz-transition: width 2s; /* Firefox 4 */ -webkit-transition: width 2s; /

css教程

CSS3 backface-visibility 属性

2017-08-05

CSS3 backface-visibility 属性 CSS 参考手册实例隐藏被旋转的 div 元素的背面： div{backface-visibility:hidden;-webkit-backface-visibility:hidden; /* Chrome 和 Safari */ -moz-backface-visibility:hidden; /* Firefox */ -ms-

css教程

CSS3 perspective-origin 属性

2017-08-05

CSS3 perspective-origin 属性 CSS 参考手册实例设置 3D 元素的基点位置： div{perspective:150;perspective-origin: 10% 10%;-webkit-perspective:150; /* Safari 和 Chrome */ -webkit-perspective-origin: 10% 10%; /* Safari 和 Ch

css教程

CSS3 perspective 属性

2017-08-05

CSS3 perspective 属性 CSS 参考手册实例设置元素被查看位置的视图： div{perspective: 500;-webkit-perspective: 500; /* Safari 和 Chrome */ } 亲自试一试浏览器支持目前浏览器都不支持 perspective 属性。

css教程

CSS3 transform-style 属性

2017-08-05

CSS3 transform-style 属性 CSS 参考手册实例使被转换的子元素保留其 3D 转换： div{transform: rotateY(60deg);transform-style: preserve-3d;-webkit-transform: rotateY(60deg); /* Safari 和 Chrome */ -webkit-transform-style

css教程

CSS3 transform-origin 属性

2017-08-05

CSS3 transform-origin 属性 CSS 参考手册实例设置旋转元素的基点位置： div{transform: rotate(45deg);transform-origin:20% 40%;-ms-transform: rotate(45deg); /* IE 9 */ -ms-transform-origin:20% 40%; /* IE 9 */ -webkit-transf

css教程

CSS3 transform 属性 CSS 参考手册实例旋转 div 元素： div{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate(7deg); /* Safari 和 Chrome */ -o-trans

css教程