zoukankan      html  css  js  c++  java
  • css-2D变换-transform rotate旋转

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>旋转</title>
      <style>
        /* 
          旋转:
            transform: rotate(角度) 单位是deg,正值是顺时针旋转,负值是逆时针
            默认是沿着Z轴旋转
        */
        #demo{
          width: 252px;
          height: 300px;
          border: 1px solid black;
          margin: 200px auto;
        }
        img{
          transition: 1s all linear;
        }
        #demo:hover img{
          transform: rotate(90deg);
        }
      </style>
    </head>
    <body>
      <div id="demo">
        <img src="../imgs/huge.jpg" alt="">
      </div>
    </body>
    </html>
  • 相关阅读:
    poj 2443
    codeforces 263D
    codeforces 263C
    uva 11080
    uva 11235
    uva 11748
    STL uva 11991
    (KM) uva 11383
    (树形DP) uva 10859
    codeforces 242C
  • 原文地址:https://www.cnblogs.com/jia460/p/13789385.html
Copyright © 2011-2022 走看看