已解決430363個問題，去搜搜看，總會有你想問的

如何通過jquery或css3的方法給after偽元素產生動畫？

首頁猿問如何通過jquery或css3的方...

如何通過jquery或css3的方法給after偽元素產生動畫？

JavaScript

LEATH 2018-10-17 14:10:55

<div class="ani"></div> .ani{position:relative;width:100px;height:100px;background:red;} .ani:before{ content:""; position:absolute; width:100px; height:100px; background:rgba(0,0,0,.5); top:0; left:0; }我想給after偽元素的height 從 100px 變化到 0，產生一個很簡單的動畫效果？不知道該如何去做？

查看完整描述

1 回答

收到一只叮咚

TA貢獻1821條經驗獲得超5個贊

.ani{position:relative;width:100px;height:100px;background:red; }

.ani:before{

content:"";

position:absolute;

width:100px;

height:100px;

background:rgba(0,0,0,.5);

top:0;

left:0;

transition:all 0.5s;

}

.ani:hover:before{

height:0;

}

反對回復 2018-11-05

1 回答
0 關注
511 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何通過jquery或css3的方法給after偽元素產生動畫？

如何通過jquery或css3的方法給after偽元素產生動畫？

1 回答

添加回答

如何通過jquery或css3的方法給after偽元素產生動畫？

如何通過jquery或css3的方法給after偽元素產生動畫？