1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <title>Document</title>
    7. </head>
    8. <style>
    9.     div{
    10.         perspective: 800px;
    11.         border-radius: 10px;
    12.         width: 300px;
    13.         height: 270px;
    14.         border: 1px solid #eee;
    15.         padding: 15px;
    16.     }
    17.     img{
    18.         width: 300px;
    19.         height: 270px;
    20.         animation: rotate 2s infinite;
    21.     }
    22.     @keyframes rotate{
    23.         from{
    24.             transform: rotateY(0deg);
    25.         }
    26.         to{
    27.             transform: rotateY(180deg);
    28.         }
    29.     }
    30. </style>
    31. <body>
    32.     <div><img src="images/镜像图.jpg" alt=""></div>
    33. </body>
    34. </html>

    1.PNG