CSS 图片旋转

最新推荐文章于 2024-06-20 04:45:00 发布

「已注销」

最新推荐文章于 2024-06-20 04:45:00 发布

阅读量7k

点赞数

分类专栏： Web 文章标签： css 图片旋转图片旋转

本文链接：https://blog.csdn.net/plain_maple/article/details/53572364

版权

Web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>图片旋转</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<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" src="email.jpg" width="128" height="128" />
	</div>
</body>

</html>

「已注销」

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
CSS 图片旋转

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>图片旋转-郭峰</title><meta http-equiv="pragma" content=
复制链接

扫一扫

专栏目录