css3像卷轴一样展开
高洛峰
高洛峰 2016-11-07 14:07:58
0
1
1300

请问如何让一个元素从中间开始向两边展开?像卷轴一样?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

reply all(1)
三叔

刚才想了下,最简单的使用position的left和right就能实现

.map{
    height:100px;
    background:url('https://sf-static.b0.upaiyun.com/v-5798d230/global/img/logo-b.svg') center center no-repeat;
    animation:spread 5s linear forwards;
    position:absolute;
    left:50%;
    right:50%;
    text-align:center;
}

@keyframes spread{
    form{}
    to{left:0;right:0;}
}


Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template