css 让div动画旋转 以及常规position堆叠dom元素得less参考代码

[复制链接]
查看: 149   回复: 0

164

主题

164

帖子

939

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
939
2023-8-3 01:56:07   显示全部楼层   阅读模式  
1.jpg





  1. .rest{
  2.     position: absolute;
  3.     top: 0px;
  4.     left: 0px;
  5.     height: 100vh;
  6.     width: 100vw;
  7.     overflow: hidden;
  8. }
  9. .fullscreen{
  10.     position: absolute;
  11.     height: 100vh;
  12.     width: 100vw;
  13.     overflow: hidden;
  14. }
  15. .bg{
  16.     .rest;
  17.     background-color: rgb(201, 201, 201);
  18. }
  19. .icon{
  20.     .fullscreen;
  21.     background-image: url('../../assets/程序切图/加载/加载.png');
  22.     background-repeat: no-repeat;
  23.     // border: 1px red solid;
  24.     background-position: center;
  25.     background-size: 9%;
  26.     animation: rotate 9s infinite linear;
  27. }
  28. @keyframes rotate {
  29.     from {
  30.       transform: rotate(0deg);
  31.     }
  32.     to {
  33.       transform: rotate(360deg);
  34.     }
  35. }
复制代码



回复

使用道具 举报

您需要登录后才可以回帖   登录 立即注册

高级模式

南通谢凡软件科技有限公司