当前位置:   article > 正文

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

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

 

  1. <template>
  2. <!-- 创建一个装载自定义加载动画的容器 -->
  3. <view class="cloader">
  4. <!-- 定义加载动画主体部分 -->
  5. <view class="clface">
  6. <!-- 定义类似秒针形状的小圆盘 -->
  7. <view class="clsface">
  8. <!-- 定义“秒针”上的第一段手柄 -->
  9. <view id="h2" class="hand"></view>
  10. </view>
  11. <!-- 定义上部圆形边框 -->
  12. <view class="top"></view>
  13. <!-- 定义下部圆形边框 -->
  14. <view class="bottom"></view>
  15. <!-- 定义左侧圆形边框 -->
  16. <view class="left"></view>
  17. <!-- 定义右侧圆形边框 -->
  18. <view class="right"></view>
  19. <!-- 定义内部固定小圆点 -->
  20. <view id="sub" class="pin"></view>
  21. <!-- 定义“秒针”上的第二段手柄 -->
  22. <view id="h1" cl
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/223277
推荐阅读
相关标签
  

闽ICP备14008679号