首頁猿問求前輩們幫忙，謝謝了

求前輩們幫忙，謝謝了

CSS3 Html/CSS Html5

erutdioup8556 2016-05-25 17:39:41

請求大伙一個問題，就是小米官網(wǎng)首頁http://www.mi.com/的智能硬件下的圖片產(chǎn)品，當(dāng)我鼠標(biāo)移動到其圖片就會有浮動凸出的效果，這個用什么技術(shù)實現(xiàn)的呢？css3嗎？我查看其元素看不懂，求前輩們幫忙，謝謝了

查看完整描述

2 回答

JOEEEEEE

TA貢獻5條經(jīng)驗獲得超4個贊

hover的時候通過js添加了一個brick-item-active 類,這個類的css代碼如下

.brick-item-active{

? ?-webkit-box-shadow:?0 15px 30px?rgba(0,0,0,0.1);

? ?box-shadow:?0 15px 30px?rgba(0,0,0,0.1);

? ?-webkit-transform:?translate3d(0, -2px, 0);

? ?transform:?translate3d(0, -2px, 0);

}

3 反對回復(fù) 2016-05-25

荼酒

TA貢獻133條經(jīng)驗獲得超96個贊

css3的過渡

1 反對回復(fù) 2016-05-26

關(guān)注