css3小球环形转圈效果

最新推荐文章于 2024-01-17 11:11:32 发布

酷jjs

最新推荐文章于 2024-01-17 11:11:32 发布

阅读量1.7k

点赞数

分类专栏： css3 前端笔记

本文链接：https://blog.csdn.net/qq_32584661/article/details/102818011

版权

效果图：代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> body { margin: 0px; padding: 0px; } .warpbo...

摘要由CSDN通过智能技术生成

效果图：

代码：

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			body {
				margin: 0px;
				padding: 0px;
			}
			
			.warpbox{
				width:600px;height:600px;
				background:#f0f0f0;
				position:relative;
			}
			
			.centerdian{
				width:100px;
				height:100px;
				border-radius:50%;
				background:rgba(0,0,0,0);
				position:absolute;
				left:50%;top:50%;
				transform: translate(-50%,-50%);			
				-webkit-animation: circle 10s infinite linear;			
			}
			
			
			.box{
				width:40px;
				height:40px;
				border-radius:50%;
				text-align:center;
				line-height:40px;

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

酷jjs

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
css3小球环形转圈效果

效果图：代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> body { margin: 0px; padding: 0px; } .warpbo...
复制链接

扫一扫