动画效果 忽隐忽现

   .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;}

}}

转载于:https://www.cnblogs.com/kttbk/p/8108698.html