在有的網站中,有些地方鼠標劃過去會有個陰影出來,那么它是怎么寫出來的,我們在做普邦項目的時候就用到了這個陰影的寫法:
![]()
你會發現它底部跟左右兩側都有一點點陰影,它是這么寫出來的:
.anli-nr li{ -webkit-transition: all .2s linear; transition:all .2s linear ;}
.anli-nr li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
box-shadow: 0 15px 30px rgba(0,0,0,0.2);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0)}就是加了個過度,然后用css3中的box-shadow屬性給li加了個陰影,這樣就顯示出來了
上一篇: js實現時間軸自動排列效果
下一篇: 一個頁面如何使用多個swiper插件?



