蜘蛛学会了拐弯

马黑黑

马黑黑

1. <style>
   
2. .spiBox {
   
3.         position: relative;
   
4.         width: 760px;
   
5.         height: 500px;
   
6. }
   
7. .spiBox img {
   
8.         position: absolute;
   
9.         width: 200px;
   
10.         height: 150px;
    
11.         top: 20%;
    
12.         right: 0px;
    
13.         animation: walk 10s linear infinite;
    
14. }
    
15. @keyframes walk {
    
16.         0% { transform: rotate(45deg); right: 0%; }
    
17.         48% { transform: rotate(45deg); right: calc(100% - 200px); }
    
18.         51% { transform: rotate(-135deg); right: calc(100% - 200px); }
    
19.         98%  { transform: rotate(-135deg); right: 0; }
    
20.         100%  { transform: rotate(45deg); right: 0; }
    
21. }
    
22. </style>
    
23. <div class="spiBox">
    
24.         <img src="/data/attachment/forum/202204/02/204928eqvb53ezaw8vhhe5.gif" alt="" />
    
25. </div>

复制代码

红影

散步的蜘蛛，好玩，真好玩

红影

你这个有天然的45度，一般图片只要转180就可以了吧。

马黑黑

红影 发表于 2022-4-3 08:18
你这个有天然的45度，一般图片只要转180就可以了吧。

看它的朝向吧。我不会作图，只会把大的改为小的或相反

转转

哈哈哈，蜘蛛被培训得能参加马戏演出啦

马黑黑

转转 发表于 2022-4-3 12:33
哈哈哈，蜘蛛被培训得能参加马戏演出啦

马戏团现在生意不好做啊

转转

马黑黑 发表于 2022-4-3 12:35
马戏团现在生意不好做啊

哈哈哈，有你这样的高手作班主，会创造奇迹哒，相信锅们

马黑黑

转转 发表于 2022-4-3 12:40
哈哈哈，有你这样的高手作班主，会创造奇迹哒，相信锅们

疫情无情

红影

马黑黑 发表于 2022-4-3 10:13
看它的朝向吧。我不会作图，只会把大的改为小的或相反

这个大小正好呢，太小的看不清，太大的吓人

马黑黑

红影 发表于 2022-4-3 19:38
这个大小正好呢，太小的看不清，太大的吓人

貌似刚刚好

红影

马黑黑 发表于 2022-4-8 23:48
貌似刚刚好

是的，正是如此

马黑黑

红影 发表于 2022-4-9 10:25
是的，正是如此

那就自我表扬一下下

红影

马黑黑 发表于 2022-4-9 10:33
那就自我表扬一下下

你不用自我表扬啊，我们大家一起来给你点赞

马黑黑

红影 发表于 2022-4-9 12:27
你不用自我表扬啊，我们大家一起来给你点赞

怪不好意思的

加林森

老黑厉害，能这样玩真好。

红影

马黑黑 发表于 2022-4-9 13:57
怪不好意思的

你当得起

马黑黑

红影 发表于 2022-4-10 13:13
你当得起

哪裡哪裡果醬了

红影

马黑黑 发表于 2022-4-10 13:17
哪裡哪裡果醬了

没有呢，这应该是花潮大家的心声呢

马黑黑

红影 发表于 2022-4-10 15:49
没有呢，这应该是花潮大家的心声呢

如此，不好意思呢