语法：
transition: property duration timing-function delay;
image.png
浏览器支持：
image.png
<style>
div
{
width:100px;
height:100px;
background:blue;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}
div:hover
{
width:300px;
}
</style>
</head>
<body>
<div></div>
鼠标移入，宽度变化
<style>
.new-ul li:hover a{
padding-left:8px;
color:red;
}
</style>
<div class='new-ul'>
<li><a href="#">搜狗《琅琊榜》抽奖活动概率表</a></li>
<li><a href="#">搜狗《琅琊榜》抽奖活动概率表</a></li>
<li><a href="#">搜狗《琅琊榜》抽奖活动概率表</a></li>
<li><a href="#">搜狗《琅琊榜》抽奖活动概率表</a></li>
</div>
image.png
鼠标移入，padding-left：8px
网友评论