CSS3吸引开发者的新属性(1)

sk  2016-7-26
0

1.border-radius

该属性允许您为元素添加圆角边框!

该属性后面的值可以是百分比、也可以是em单位或者是px。

例如:border-radius:10px;border-radius:60%;border-radius:2em;


border-radius:2em;

等价于:

border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;

2.box-shadow

属性向框添加一个或多个阴影。

该属性后面的值有两个是必须的。一个是水平阴影的位置,一个是垂直阴影的位置,都可以为负值。

box-shadow: 10px 10px 5px #888888;
效果如下:



3.text-shadow

属性向文本设置阴影。

该属性的用法同box-shadow的用法相同,都是有两个必须的值。


4.text-overflow

属性规定当文本溢出包含元素时发生的事情。

该属性一共有三个值,分别是:

clip---------修剪文本。

ellipsis-----显示省略符号来代替修剪的文本。

string------使用给定的字符串来代替修剪的文本。


5.resize

属性规定是否可由用户调整元素的尺寸。

该属性有四个值,分别是:

none------用户无法调整元素的尺寸。

both------用户可调整元素的宽度和高度。

horizontal-----用户可调整元素的宽度。

vertical------用户可调整元素的高度。


6.transition

该属性是一个简写属性,用于设置四过度属性,分别是:

描述
transition-property规定设置过渡效果的 CSS 属性的名称。
transition-duration规定完成过渡效果需要多少秒或毫秒。
transition-timing-function规定速度效果的速度曲线。
transition-delay定义过渡效果何时开始。
注:请始终设置 transition-duration 属性,否则时长为 0,就不会产生过渡效果。


未完待续...

回复 0  
游客  现在


二维码