文章詳情頁(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)安備