zoukankan      html  css  js  c++  java
  • 第十六节 css3动画之animation风车案列

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>旋转的风车</title>
     6     <style type="text/css">
     7         @keyframes fengche{
     8             form{
     9                 transform: rotate(0deg);
    10             }
    11 
    12             to{
    13                 transform: rotate(360deg);
    14             }
    15         }
    16 
    17         .feng{
    18             display:block;
    19             width: 300px;
    20             height: 300px;                
    21             margin: 100px auto;
    22             animation: fengche 5s linear infinite;
    23         }
    24     </style>
    25 </head>
    26 <body>
    27     <img src="fengche.jpg" alt="风车" class="feng">
    28 </body>
    29 </html>
  • 相关阅读:
    request相关
    C#请求接口
    qml_base
    web
    entry
    listbox
    Canvas
    pickle
    c#枚举
    数据结构——树
  • 原文地址:https://www.cnblogs.com/kogmaw/p/12492522.html
Copyright © 2011-2022 走看看