正在加载....
厦门网站建设-世敏网络科技
  • 当前位置: 首页 > 建站百科 > 网站建设
  • CSS3 animation属性制作图片高光扫描效果代码

    时间:2019-03-18 浏览量:

    CSS3 animation属性制作图片高光扫描效果代码

    header .logo-brand img {
        height: 66px;
        width:100%;
        float: left;
        margin-top:40px;
    }
    .logo-brand{position: relative; overflow: hidden;}
    .logo-brand:before {content: "";position: absolute; width: 330px; height: 70px;  background-color: rgba(255, 255, 255, 0.5); -webkit-transform: rotate(60deg);  transform: rotate(60deg); left: -100px; -webkit-animation: blink 1.5s infinite both; animation: blink 1.5s infinite both;}
    @-webkit-keyframes blink {from {left: -300px;top: 0;} to {left: 330px;top: 0;}}
    @-o-keyframes blink {from {left: -300px;top: 0;} to {left: 330px;top: 0;}}
    @-moz-keyframes blink {from {left: -300px;top: 0;} to {left: 330px;top: 0;}}
    @keyframes blink {from {left: -300px;top: 0;}to {left: 330px;top: 0;}}


    CSS3 animation属性制作图片高光扫描效果代码(图1)

    加载中~

    相关推荐

    RELATED RECOMMEND

    您已成功复制微信号,去微信立即添加好友!

    点击下方复制按钮,复制微信号!

    jzm866081

    https://www.xmsmwl.cn
    厦门世敏网络科技有限公司

    点击这里给我发消息
    嘿!有什么能帮到您的吗?