CSS3 transition 属性

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

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

CSS3 backface-visibility 属性

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

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

CSS3 perspective-origin 属性

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

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

CSS3 perspective 属性

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

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

CSS3 transform-style 属性

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

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

CSS3 transform-origin 属性

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

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

CSS3 transform 属性

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

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

CSS3 word-wrap 属性

CSS3 word-wrap 属性 CSS 参考手册 实例 允许长单词换行到下一行: p.test {word-wrap:break-word;} 亲自试一试 浏览器支持 IE Firefox Chrome Safari Opera 所有主流浏览器都支持 word-wrap 属性。 定义和用法...

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

CSS3 word-break 属性

CSS3 word-break 属性 CSS 参考手册 实例 在恰当的断字点进行换行: p.test {word-break:hyphenate;} 亲自试一试 浏览器支持 IE Firefox Chrome Safari Opera 所有主流浏览器都支持 word-break 属性。 定义和用...

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

CSS3 text-wrap 属性

CSS3 text-wrap 属性 CSS 参考手册 实例 不允许换行: p.test {text-wrap:none;} 亲自试一试 浏览器支持 目前主流浏览器都不支持 text-wrap 属性。 定义和用法 text-wrap 属性规定文本的换行(折行)规...

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