过渡(Transition) 属性
超链接(Hyperlink) 属性
CSS3 transition 属性
transition 属性设置元素当过渡效果,四个简写属性为:
- transition-property
- transition-duration
- transition-timing-function
- transition-delay
注意: 始终指定transition-duration属性,否则持续时间为0,transition不会有任何效果。
{
width:100px;
height:100px;
background:red;
transition:width 2s;
-webkit-transition:width 2s; /* Safari */
}
div:hover
{
width:300px;
}
属性 | 说明 | CSS |
---|---|---|
target | 简写属性设置target-name, target-new,和target-position属性 | 3 |
target-name | 指定在何处打开链接(目标位置) | 3 |
target-new | 指定是否有新的目标链接打开一个新窗口或在现有窗口打开新标签 | 3 |
target-position | 指定应该放置新的目标链接的位置 | 3 |
transition-property,transition-duration,transition-timing-function,transition-delay
属性 | 说明 | CSS |
---|---|---|
transition | 此属性是 transition-property、transition-duration、transition-timing-function、transition-delay 的简写形式。 | 3 |
transition-property | 设置用来进行过渡的 CSS 属性。 | 3 |
transition-duration | 设置过渡进行的时间长度。 | 3 |
transition-timing-function | 设置过渡进行的时序函数。 | 3 |
transition-delay | 指定过渡开始的时间。 | 3 |
共有 0 条评论