过渡(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

 

版权声明:
作者:网络知识大全
链接:http://www.maycasi.com/110.html
来源:MAYCASI网络知识大全
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>