css3 旋转的图片效果示例源码

基本信息

源码名称：css3 旋转的图片效果示例源码

源码大小：1.05KB

文件格式：.html

开发语言：CSS

更新时间：2019-02-18

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

源码介绍

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .logo {
            text-align: center;
            margin-top: 100px;
        }
        @-webkit-keyframes rotation {
            from {
                -webkit-transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg);
            }
        }

        .Rotation {
            -webkit-transform: rotate(360deg);
            animation: rotation 8s linear infinite;
            -moz-animation: rotation 8s linear infinite;
            -webkit-animation: rotation 8s linear infinite;
            -o-animation: rotation 8s linear infinite;
        }

        .img {
            border-radius: 200px;
        }
    </style>
</head>

<body>
<div class="logo">
    <img class="Rotation img" src11="https://www.haolizi.net/skin/images/150x50_logo.png" src="http://cdn.jingqueyun.com/turntable/image/theme/theme2/turntable-outer-bg2.png" width="128" height="128"/>
</div>
</body>
</html>