日本一卡精品视频免费丨国产午夜片无码区在线播放丨国产精品成人久久久久久久丨国产亚洲日韩av在线播放不卡丨亚洲日韩av无码

如何使用CSS3實現高亮光弧效果

2016/10/11 8:31:58   閱讀:1688    發布者:1688

  使用CSS3實現的一個高亮光弧效果,當鼠標hover到某一個元素上時,
一道光弧從左向右閃過,效果如下:

代碼如下:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>light</title> 
    <style> 
        body{ 
            margin: 0; 
        } 
        a.floor{ 
            display: block; 
            height: 475px; 
        } 
        a.floor:hover:before{ 
            -webkit-transition: left 1.5s; 
            -moz-transition: left 1.5s; 
            transition: left 1.5s; 
            left: 920px; 
        } 
        a.floor:before{ 
            content: ""; 
            position: absolute; 
            width: 80px; 
            height: 475px; 
            top: 0; 
            left: -150px; 
            overflow: hidden; 
            background: -moz-linear-gradient(left,rgba(255,255,255,0)0, 
rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); 
            background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba 
(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0))); 
            background: -webkit-linear-gradient(left,rgba(255,255,255,0)0, 
rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); 
            background: -o-linear-gradient(left,rgba(255,255,255,0)0, 
rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); 
            -webkit-transform: skewX(-25deg); 
            -moz-transform: skewX(-25deg); 
        } 
    </style> 
</head> 
<body> 
<a class="floor" href="javascript:;"> 
    <img src="images/girl.jpg" height="475" width="760" alt=""> 
</a> 
</body> 
</html>

  有興趣的朋友可以存下來備用!

主站蜘蛛池模板: 欧美怡春院一区二区三区| 青青草原综合网| 男人天堂最新网址| 国产精品无码专区| 自拍偷拍欧美日韩| 国产日韩欧美亚欧在线| 欧洲成人午夜免费大片| 天堂中文8资源在线8| 国产偷窥熟妇高潮呻吟| 少妇啪啪av一区二区三区| 欧美三级午夜理伦三级| av免费看网址| 亚洲精品久久久久久久久久吃药| 俄罗斯美女av| 兔费看少妇性l交大片免费| 欧美性video高清精品| 精品无码一区二区三区水蜜桃| 国产呦小j女精品视频| 久久久久久久性潮| 91网页入口| 日本毛茸茸的丰满熟妇| 爱av在线| 伊人久久综合色| 男受被做哭激烈娇喘gv视频| 水蜜桃亚洲一二三四在线| 人人人妻人人澡人人爽欧美一区| 国产精品自在线拍国产手青青机版| 伊人狠狠色丁香婷婷综合| 国产精品亚洲产品一区二区三区| 国产精品无码mv在线观看| 欧美孕妇变态重口另类| 欧美人与动牲交a精品| 牛牛精品一区二区| 五月婷婷开心中文字幕| 欧美日韩五区| 国产精品久久久久av福利动漫| 无码午夜人妻一区二区三区不卡视频| 国产精品高潮呻吟久久aⅴ码|