马黑黑 发表于 2022-4-4 13:30

加林森 发表于 2022-4-4 13:24


{:4_180:}

加林森 发表于 2022-4-4 13:35

马黑黑 发表于 2022-4-4 13:30


谢茶

红影 发表于 2022-4-4 23:44

马黑黑 发表于 2022-4-4 08:27
一般般吧

很赞的{:4_204:}

红影 发表于 2022-4-4 23:45

马黑黑 发表于 2022-4-4 08:28
椭圆是可以实现的，要花点心思

太麻烦了，就别弄了，何况还是圆的好看呢。

马黑黑 发表于 2022-4-4 23:58

红影 发表于 2022-4-4 23:45
太麻烦了，就别弄了，何况还是圆的好看呢。

实际上已经弄出来了，就是有点复杂，优化后再说

红影 发表于 2022-4-5 20:33

马黑黑 发表于 2022-4-4 23:58
实际上已经弄出来了，就是有点复杂，优化后再说

黑黑辛苦了{:4_187:}

马黑黑 发表于 2022-4-8 23:48

红影 发表于 2022-4-5 20:33
黑黑辛苦了

一般的思路是，运动着的对象所依托的父框也在做相应运动，尤其是单一方向的运动，就会令子元素产生类似与椭圆的运动

红影 发表于 2022-4-9 10:24

马黑黑 发表于 2022-4-8 23:48
一般的思路是，运动着的对象所依托的父框也在做相应运动，尤其是单一方向的运动，就会令子元素产生类似与 ...

竟然有这样的效果啊。

马黑黑 发表于 2022-4-9 10:33

红影 发表于 2022-4-9 10:24
竟然有这样的效果啊。

亲测过，但不完美

红影 发表于 2022-4-9 12:28

马黑黑 发表于 2022-4-9 10:33
亲测过，但不完美

能出现效果就不错了呢。

马黑黑 发表于 2022-4-9 13:56

红影 发表于 2022-4-9 12:28
能出现效果就不错了呢。

大概只能酱紫

加林森 发表于 2022-4-9 16:45

本帖最后由 加林森 于 2022-4-9 17:12 编辑 <br /><br /><style>
.spiBox {
      position: relative;
      width: 760px;
      height: 760px;
}
.spiBox img {
      position: absolute;
      width: 200px;
      height: 150px;
      left: 80px;
      top: 80px;
      transform-origin: 300px 300px;
      animation: walk 20s linear infinite;
}
@keyframes walk {
      to { transform: rotate(-360deg); }
}
</style>

<div class="spiBox">
      <img src="https://pic.imgdb.cn/item/62514d69239250f7c544566e.gif" alt="" />
</div>

四个菜转圈圈送老黑喝酒。
页: 1 [2]
查看完整版本: 蜘蛛绕圈圈