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

求前輩們幫忙，謝謝了

關注

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

CSS3 Html/CSS Html5

erutdioup8556 2016-05-25 17:39:41

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

查看完整描述

2 回答

JOEEEEEE

TA貢獻5條經驗獲得超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 反對回復 2016-05-25

荼酒

TA貢獻133條經驗獲得超96個贊

css3的過渡

1 反對回復 2016-05-26

關注