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

    }}

  • 相关阅读:
    flask项目--认证方案Json Web Token(JWT)
    分布式设计-集群
    分布式设计-哨兵
    分布式设计--数据库主从
    leetcode 221 Maximal Square
    LeetCode222 Count Complete Tree Nodes
    在windows 、linux下读取目录下所有文件名
    leetcode 229 Majority Element II
    leetcode 233 Number of Digit One
    leetcode 238 Product of Array Except Self
  • 原文地址:https://www.cnblogs.com/kttbk/p/8108698.html
Copyright © 2011-2022 走看看