首页 > 技术文章 > CSS3动画 transition 过渡,宽度由中间向两边发生过渡

wolflower 2017-07-14 13:50 原文

css

.tapered_line{
    width: 36px;
    height: 4px;
    background: #1e88e5;
    transition: width 3s;
    margin: 10px auto 0;
}
.main4 ul li:hover .tapered_line{
    width: 220px;
    margin:10px auto 0;
}

 

推荐阅读