From 044286dca127eb44c1947fea27824cc33d1f81e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B7=AB?= <巫>
Date: Wed, 1 Dec 2021 11:21:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...345\222\214\345\212\250\347\224\273).html" | 78 +++++++++++++++++++
 .../\347\224\273\345\233\276(SVG).html"       | 31 ++++++++
 2 files changed, 109 insertions(+)
 create mode 100644 "\345\267\253\344\270\275\350\216\216/20211126/\346\227\266\351\222\237\357\274\210\350\275\254\346\215\242\350\277\207\346\270\241\345\222\214\345\212\250\347\224\273).html"
 create mode 100644 "\345\267\253\344\270\275\350\216\216/20211201/\347\224\273\345\233\276(SVG).html"
diff --git "a/\345\267\253\344\270\275\350\216\216/20211126/\346\227\266\351\222\237\357\274\210\350\275\254\346\215\242\350\277\207\346\270\241\345\222\214\345\212\250\347\224\273).html" "b/\345\267\253\344\270\275\350\216\216/20211126/\346\227\266\351\222\237\357\274\210\350\275\254\346\215\242\350\277\207\346\270\241\345\222\214\345\212\250\347\224\273).html"
new file mode 100644
index 0000000..0d9e245
--- /dev/null
+++ "b/\345\267\253\344\270\275\350\216\216/20211126/\346\227\266\351\222\237\357\274\210\350\275\254\346\215\242\350\277\207\346\270\241\345\222\214\345\212\250\347\224\273).html"
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+		<style type="text/css">
+			#w {
+				width: 200px;
+				height: 200px;
+				border: 1px solid black;
+				background-color: aliceblue;
+				border-radius: 50%;
+				/* margin: 0 auto; */
+				position: relative;
+			}
+
+			#d {
+				width: 10px;
+				height: 10px;
+				border-radius: 50%;
+				background-color: #000000;
+				position: absolute;
+				transform: translate(95px, 95px);
+			}
+
+			#hour {
+				width: 8px;
+				height: 40px;
+				background-color: #000000;
+				transform: translate(96px, 100px);
+				position: absolute;
+				transform-origin: top;
+			}
+
+			#minute {
+				width: 5px;
+				height: 65px;
+				background-color: blue;
+				/* 向左向下移动 */
+				left: 97px;
+				top: 35px;
+				position: absolute;
+				/* 转换的原点位置 */
+				transform-origin: bottom center;
+			}
+
+			#second {
+				width: 2px;
+				height: 80px;
+				background-color: red;
+				left: 98.5px;
+				top: 20px;
+				position: absolute;
+				transform-origin: bottom center;
+				/* 设置动画  类型*/
+				animation: mz 60s steps(60) infinite;
+			}
+
+			@keyframes mz {
+				form {}
+
+				to {
+					 /* 转移角度正值顺时针,负值逆时针 */
+					transform: rotate(360deg);
+				}
+
+			}
+		</style>
+	</head>
+	<body>
+		<div id="w">
+			<div id="d"></div>
+			<div id="hour"></div>
+			<div id="minute"></div>
+			<div id="second"></div>
+		</div>
+	</body>
+</html>
diff --git "a/\345\267\253\344\270\275\350\216\216/20211201/\347\224\273\345\233\276(SVG).html" "b/\345\267\253\344\270\275\350\216\216/20211201/\347\224\273\345\233\276(SVG).html"
new file mode 100644
index 0000000..f18a556
--- /dev/null
+++ "b/\345\267\253\344\270\275\350\216\216/20211201/\347\224\273\345\233\276(SVG).html"
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+		<style type="text/css">
+			rect {}
+		</style>
+	</head>
+	<body>
+		<div id="w">
+			<svg width="300px" height="300px">
+				<!-- 绘制一条折现 -->
+				<polyline points="35,50 53,20 70,50"></polyline>
+				<polyline points="70,50 88,20 105,50"></polyline>
+				<polyline points="105,50 123,20 140,50"></polyline>
+				<!-- 绘制矩形 -->
+				<rect x="12" y="50" height="150" width="150" rx="20" ry="20" style="stroke: black; fill: white; "></rect>
+				<circle cx="50" cy="100" r="18" style="stroke: black;fill: none;"></circle>
+				<circle cx="125" cy="100" r="18" style="stroke: black;fill: none;"></circle>
+				<circle cx="50" cy="100" r="8" style="stroke: black;fill: black;"></circle>
+				<circle cx="125" cy="100" r="8" style="stroke: black;fill: black;"></circle>
+				<polyline points="80,150 90,120 100,150 80,150" style="fill: none; stroke: black;"></polyline>
+				<ellipse cx="90" cy="170" rx="30" ry="15" style="stroke: black;fill: none;"></ellipse>
+				<!-- <ellipse cx="100" cy="170" rx="15" ry="10" style="stroke: black;fill: red;"></ellipse> -->
+				
+			</svg>
+
+		</div>
+	</body>
+</html>
-- 
Gitee

