zoukankan      html  css  js  c++  java
  • 动画效果 忽隐忽现

       .jisuanButton_class{

            margin-top: 34px;

            margin-left: 80px;

            margin-right: 40px;

            animation:jisuanbutton 1500ms infinite;

            -moz-animation:jisuanbutton 1500ms infinite; /* Firefox */

            -webkit-animation:jisuanbutton 1500ms infinite; /* Safari and Chrome */

            -o-animation:jisuanbutton 1500ms infinite; /* Opera */

       }

        @keyframes jisuanbutton

        {

            0%{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}

            50% {filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}

            100%{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}

        }

        @-moz-keyframes jisuanbutton /* Firefox */

        {

            0%{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}

            50% {filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}

            100%{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}

        }

        @-webkit-keyframes jisuanbutton /* Safari and Chrome */

        {

            0%{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}

            50% {filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}

            100%{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}

        }

        @-o-keyframes jisuanbutton /* Opera */

        {

              0%{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}

           50% {filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}

            100%{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}

    }}

  • 相关阅读:
    汽车文化【1196】
    西方经济学
    计算机组成原理【0013】
    C语言程序设计【0039】
    教育学【0405】
    管理学[9080]
    专业英语【0089】
    计算机基础1056
    letcode每日一题-上升下降字符串
    Flowable学习-flowable
  • 原文地址:https://www.cnblogs.com/kttbk/p/8108698.html
Copyright © 2011-2022 走看看