css使用简单的动画效果

.snV{
        transition: all 0.5s;
        width: 10%;
}
.snV:focus{
        width: 30%;
}                        

这个是选择一个控件时，它的宽度从页面的10%花费0.5秒变大到页面的30%

我找一个我近期的作业的效果

 还可以  :hover等

灵活的使用可以，是网页更加美观。