文章詳情頁(yè)
css3像卷軸一樣展開
瀏覽：229日期：2023-08-12 15:18:26
問(wèn)題描述
請(qǐng)問(wèn)如何讓一個(gè)元素從中間開始向兩邊展開？像卷軸一樣？
問(wèn)題解答
回答1：剛才想了下，最簡(jiǎn)單的使用position的left和right就能實(shí)現(xiàn)
.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;｝}
標(biāo)簽：
CSS
上一條：css3 實(shí)現(xiàn)一個(gè)線性漸變出現(xiàn)的問(wèn)題？下一條：css3的背景圖片屬性有沒(méi)有把圖中這塊藍(lán)框區(qū)域(275*230)完整放在60*50區(qū)域？怎么寫呢
相關(guān)文章：
1. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.2. javascript - vue生成一維碼?求助！！！！！急3. docker-compose中volumes的問(wèn)題4. java - SSH框架中寫分頁(yè)時(shí)service層中不能注入分頁(yè)類5. boot2docker無(wú)法啟動(dòng)6. docker網(wǎng)絡(luò)端口映射，沒(méi)有方便點(diǎn)的操作方法么？7. 如何使用git對(duì)word文檔進(jìn)行版本控制？8. java - Spring事務(wù)回滾問(wèn)題9. javascript - mock.js可以存儲(chǔ)數(shù)據(jù)嗎10. nignx - docker內(nèi)nginx 80端口被占用
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備