CSS 圆形的时钟秒针状的手柄绕中心点旋转的效果

 

<template>
	<!-- 创建一个装载自定义加载动画的容器 -->
	<view class="cloader">
		<!-- 定义加载动画主体部分 -->
		<view class="clface">
			<!-- 定义类似秒针形状的小圆盘 -->
			<view class="clsface">
				<!-- 定义“秒针”上的第一段手柄 -->
				<view id="h2" class="hand"></view>
			</view>

			<!-- 定义上部圆形边框 -->
			<view class="top"></view>

			<!-- 定义下部圆形边框 -->
			<view class="bottom"></view>

			<!-- 定义左侧圆形边框 -->
			<view class="left"></view>

			<!-- 定义右侧圆形边框 -->
			<view class="right"></view>

			<!-- 定义内部固定小圆点 -->
			<view id="sub" class="pin"></view>

			<!-- 定义“秒针”上的第二段手柄 -->
			<view id="h1" cl

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-18 11:50:02       50 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-18 11:50:02       54 阅读
  3. 在Django里面运行非项目文件

    2024-02-18 11:50:02       43 阅读
  4. Python语言-面向对象

    2024-02-18 11:50:02       54 阅读

热门阅读

  1. 在Linux上使用systemctl实现开机自启动Python程序

    2024-02-18 11:50:02       41 阅读
  2. Windows10中用Docker优雅的拥有一个自己的Linux环境

    2024-02-18 11:50:02       47 阅读
  3. 第98讲:MHA高可用集群VIP地址配置与漂移实践

    2024-02-18 11:50:02       42 阅读
  4. C++单例模式的实现

    2024-02-18 11:50:02       42 阅读
  5. 从数据保护角度考虑防勒索建设

    2024-02-18 11:50:02       49 阅读
  6. Node.js开发-path模块

    2024-02-18 11:50:02       49 阅读