亚洲av无码乱码国产一区二区,午夜理论片yy44880影院,午夜久久久久久禁播电影,熟睡人妻被讨厌的公侵犯

咨詢電話：
15628812133
24
2017/06

css3鼠標劃過如何出現(xiàn)陰影

發(fā)布時間：2017-06-24 16:27:45
發(fā)布者：369563174
瀏覽量:
0

在有的網(wǎng)站中，有些地方鼠標劃過去會有個陰影出來，那么它是怎么寫出來的，我們在做普邦項目的時候就用到了這個陰影的寫法：

blob.png

你會發(fā)現(xiàn)它底部跟左右兩側都有一點點陰影，它是這么寫出來的：


      
    
        
    • 
        
    • 
        
    • 
        
    • 
        
    • 
        
    • 
        
    • 
        
    • 
        
    • 
        
    • 
        
       
.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加了個陰影，這樣就顯示出來了

演示地址：http://www.26587.cn/d/demo/yinying/

上一篇： js實現(xiàn)時間軸自動排列效果
下一篇： 一個頁面如何使用多個swiper插件？
關鍵詞:
返回列表
相關文章
相關案例
熱門文章
最新文章
濟南網(wǎng)絡公司聯(lián)系我們
聯(lián)系我們
CONTACT US
公司電話：0531-68961230 QQ:1828686598
公司地址：濟南市天橋區(qū)中凡魯鼎廣場A座20樓2009
高新技術企業(yè)編號：GR202437006411
科技中小企業(yè)編號：2024370105A8014257
關注我們濟南網(wǎng)絡公司
關注我們
FOCUS ON US
咨詢電話濟南網(wǎng)絡公司
咨詢電話：
15628812133
濟南網(wǎng)絡公司 濟南網(wǎng)絡公司 濟南網(wǎng)絡公司
山東文匯信息服務有限公司版權所有 濟南軟件開發(fā) 魯ICP備14002804號-1 公安備案號 37010502000882