css3
文章平均质量分 75
沙子揉碎在眼睛里
你必须狠努力,才能看起来毫不费力
展开
-
css 单多行文本溢出及多行文本折行显示
1.单行文本溢出overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果:2.多行文本溢出display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;效果:3.多行文本折行word-break: break-all...原创 2018-05-09 14:21:45 · 6586 阅读 · 0 评论 -
css3 新增的边框属性
1、border-radius2、box-shadow3、border-image浏览器支持:Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。Firefox、Chrome 以及 Safari 支持所有新的边框属性。注释:对于 border-image,Safari 5 以及更老的版本需要前缀 -webkit-。Opera 支持 borde...原创 2018-05-18 10:15:59 · 1407 阅读 · 0 评论 -
css3 2D转换
2D转换方法主要有:1、translate() //给定left(x坐标)和top(y坐标)的参数2、rotate() //元素顺时针旋转给定的角度。允许负值,元素将逆时针旋转3、scale() //元素的尺寸会增加或减少,给定的宽度(X 轴)和高度(Y 轴)参数 4、skew() //元素翻转给定的角度,给定的水平线(X 轴)和垂直线(Y 轴)参数5、matrix() /...原创 2018-05-25 11:27:58 · 490 阅读 · 0 评论 -
css3 3D转换
一、转换方法:1、rotateX ()2、rotateY ()浏览器支持:Internet Explorer 10 和 Firefox 支持 3D 转换。Chrome 和 Safari 需要前缀 -webkit-。Opera 仍然不支持 3D 转换(它只支持 2D 转换)。rotateX ()方法:通过 rotateX() 方法,元素围绕其 X 轴以给定的度数进行旋转div{transform: ...原创 2018-05-28 10:51:02 · 1773 阅读 · 0 评论 -
css3 transition 过渡
浏览器支持:Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。Safari 需要前缀 -webkit-。注释:Internet Explorer 9 以及更早的版本,不支持 transition 属性。注释:Chrome 25 以及更早的版本,需要前缀 -webkit-过渡属性:1、transition:简写属性,用于在一个...原创 2018-05-28 11:26:09 · 335 阅读 · 0 评论 -
css3 背景新增属性
1、background-size 规定背景图片的尺寸2、background-origin 规定背景图片的定位区域3、background-clip 规定背景的绘制区域浏览器支持:Internet Explorer 9+、Firefox、Chrome、Safari 以及 Opera 支持新的背景属性。background-size:background-size:30px 60px ...原创 2018-05-23 14:57:18 · 258 阅读 · 0 评论 -
css3 新增的文本属性
1、word-wrap 允许对长的不可分割的单词进行分割并换行到下一行2、word-break 规定非中日韩文本的换行规则3、text-wrap 规定文本的换行规则4、text-shadow 向文本添加阴影5、text-overflow 规定当文本溢出包含元素时发生的事情6、text-outline 规定文本的轮廓7、text-justify 规定当 text-alig...原创 2018-05-23 16:29:43 · 2170 阅读 · 0 评论 -
css3 多列
多列属性:1、column-count:元素被分隔的列数2、column-gap:列之间的间隔3、column-rule:设置所有column-rule-* 属性的的简写属性4、column-fill:如何填充列5、column-rule-color:列之间规则的颜色6、column-rule-style:列之间规则的样式7、column-rule-width:列之间规则的宽度8、column-s...原创 2018-05-28 15:16:02 · 178 阅读 · 0 评论