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

如何使用CSS3實現(xiàn)高亮光弧效果

2016/10/11 8:31:58   閱讀:1561    發(fā)布者:1561

  使用CSS3實現(xiàn)的一個高亮光弧效果,當鼠標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>

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

主站蜘蛛池模板: 最近免费中文字幕mv在线视频3| 亚洲视频色| 久久在线免费观看| 国产亚洲成av人片在线观看下载| 色婷婷国产精品久久包臀| 久久久无码人妻精品一区| 午夜不卡av免费| 日韩黄色大片| 日本人妻伦在线中文字幕| 亚洲伊人久久大香线蕉综合图片 | 久久久久99人妻一区二区三区 | 一个色在线| 国产熟妇乱子伦视频在线观看| 国产一区二区不卡老阿姨| 麻豆国产尤物av尤物在线观看| 九九综合va免费看| 97人人插| 国产精品久久久亚洲| 欧美人与动欧交视频| 色婷婷视频在线| 欧美天天综合色影久久精品| 在线中文字幕亚洲| 日日噜噜噜夜夜爽爽狠狠| 91亚洲精品久久久蜜桃借种| 东京热加勒比无码少妇| 亚洲视频色| 色婷婷狠狠久久综合五月| 精品综合| 中文 在线 日韩 亚洲 欧美| 国产bdsm视频| 米奇7777狠狠狠狠视频影院| 亚洲精品一区二区三区麻豆 | www天天射| 国产亚洲精品精品精品| 波多野结衣av在线观看| 精品av天堂毛片久久久| 午夜无码一区二区三区在线观看| 宅男午夜成年影视在线观看|