css3像卷軸一樣展開

問題描述

請問如何讓一個元素從中間開始向兩邊展開？像卷軸一樣？

問題解答

剛才想了下，最簡單的使用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;｝}