User:物灵/时钟样式.css - 版本历史

2022年11月19日 (六) 02:15 物灵

2022-11-19T02:15:19Z

←上一版本		2022年11月19日 (六) 10:15的版本
第7行：		第7行：
	position: relative;		position: relative;
	display: inline-block;		display: inline-block;
	width: ~~100px~~;		width: 150px;
	height: ~~100px~~;		height: 150px;
	}		}
	#spin-second-wrapper, #spin-minute-wrapper, #spin-hour-wrapper {		#spin-second-wrapper, #spin-minute-wrapper, #spin-hour-wrapper {

2022年11月19日 (六) 02:09 物灵

2022-11-19T02:09:37Z

←上一版本		2022年11月19日 (六) 10:09的版本
第7行：		第7行：
	position: relative;		position: relative;
	display: inline-block;		display: inline-block;
	width: ~~300px~~;		width: 100px;
	height: ~~300px~~;		height: 100px;
	}		}
	#spin-second-wrapper, #spin-minute-wrapper, #spin-hour-wrapper {		#spin-second-wrapper, #spin-minute-wrapper, #spin-hour-wrapper {

物灵：物灵将页面User:物灵/时钟样式.css的内容模型从“CSS”更改为“已过滤的CSS”

2022-06-10T03:57:05Z

物灵将页面User:物灵/时钟样式.css的内容模型从“CSS”更改为“已过滤的CSS”

←上一版本		2022年6月10日 (五) 11:57的版本
（没有差异）

物灵：建立内容为“@keyframes spin { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } #spin-wrapper, #spin-second…”的新页面

2022-06-10T03:53:13Z

建立内容为“@keyframes spin { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } #spin-wrapper, #spin-second…”的新页面

新页面

@keyframes spin {
0% { transform: rotate(0deg); }
50% { transform: rotate(180deg); }
100% { transform: rotate(360deg); }
}
#spin-wrapper, #spin-second, #spin-minute, #spin-hour {
position: relative;
display: inline-block;
width: 300px;
height: 300px;
}
#spin-second-wrapper, #spin-minute-wrapper, #spin-hour-wrapper {
position: absolute;
}
#spin-second {
animation: spin 60s linear infinite;
background: red;
clip-path: polygon(48% 50%, 52% 50%, 52% 10%, 48% 10%);
}
#spin-minute {
animation: spin 3600s linear infinite;
background: black;
clip-path: polygon(48% 50%, 52% 50%, 52% 20%, 48% 20%);
}
#spin-hour {
animation: spin 216000s linear infinite;
background: black;
clip-path: polygon(48% 50%, 52% 50%, 52% 30%, 48% 30%);
}
#spin-wrapper {
background: yellow;
clip-path: circle(50%);
}

User:物灵/时钟样式.css - 版本历史

2022年11月19日 (六) 02:15 物灵

2022年11月19日 (六) 02:09 物灵

物灵：​物灵将页面User:物灵/时钟样式.css的内容模型从“CSS”更改为“已过滤的CSS”

物灵：​建立内容为“@keyframes spin { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } #spin-wrapper, #spin-second…”的新页面

物灵：物灵将页面User:物灵/时钟样式.css的内容模型从“CSS”更改为“已过滤的CSS”

物灵：建立内容为“@keyframes spin { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } #spin-wrapper, #spin-second…”的新页面