揭秘CSS(第 1 版)
8.2 过渡
阅读(

transition-timing-function属性效果演示

transition-timing-function

属性取值:











HTML代码:

<ul class="trans_box"> 
  <li class="trans_list steps-4-start">steps-4-start</li>
</ul>

CSS代码:

.trans_box  {
	*zoom: 1;
}
 .trans_list  {
	width: 120px;
	height: 56px;
	line-height: 56px;
	margin: 10px 0;
	background-color: #486AAA;
	color: #fff;
	text-align: center;
	border-radius: 8px;
}
 .steps-4-start {
	transition: all 4s steps(4,start);
}
 .trans_box: hover .trans_list  {
	margin-left: 85%;
	background-color: blue;
	transform: rotate(360deg);
}

运行效果:

  • steps-4-start
← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验