1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8" />
    5.     <title>Document</title>
    6.     <style type="text/css">
    7.         .cont{
    8.             width: 130px;
    9.             height: 110px;
    10.             text-align: center;
    11.             background-color: #6CBE5D;
    12.         }
    13.         .wenzi{
    14.             width: 110px;
    15.             margin: 0 auto;
    16.             text-align: center;
    17.             font-weight: bold;
    18.             color: #fff;
    19.             margin-top: 10px;
    20.         }
    21.         #img{
    22.             width: 70px;
    23.             animation:action 1s infinite linear;
    24.         }
    25.         @keyframes action{
    26.            25%{
    27.                opacity:0.5;
    28.            }
    29.            50%{
    30.                opacity:0.1;
    31.            }
    32.            75%{
    33.                opacity:0.5;
    34.            }
    35.            100%{
    36.                opacity:0.9;
    37.            }
    38.         }
    39.     </style>
    40. </head>
    41. <body>
    42.     <div class="cont">
    43.         <img id="img" src="res/htmlLX/xiaolaba.png">
    44.         <div class="wenzi">传媒资讯</div>
    45.     </div>
    46. </body>
    47. </html>

    2021-09-27_150220.jpg