论坛 › 马黑黑教程专版 › 蜘蛛学会了拐弯

马黑黑 发表于 2022-4-2 22:49

蜘蛛学会了拐弯

<style>
.spiBox {
        position: relative;
        width: 760px;
        height: 500px;
}
.spiBox img {
        position: absolute;
        width: 200px;
        height: 150px;
        top: 20%;
        right: 0px;
        animation: walk 10s linear infinite;
}
@keyframes walk {
        0% { transform: rotate(45deg); right: 0%; }
        48% { transform: rotate(45deg); right: calc(100% - 200px); }
        51% { transform: rotate(-135deg); right: calc(100% - 200px); }
        98%{ transform: rotate(-135deg); right: 0; }
        100%{ transform: rotate(45deg); right: 0; }
}
</style>
<div class="spiBox">
        <img src="/data/attachment/forum/202204/02/204928eqvb53ezaw8vhhe5.gif" alt="" />
</div>

马黑黑 发表于 2022-4-2 22:50

<style>
.spiBox {
        position: relative;
        width: 760px;
        height: 500px;
}
.spiBox img {
        position: absolute;
        width: 200px;
        height: 150px;
        top: 20%;
        right: 0px;
        animation: walk 10s linear infinite;
}
@keyframes walk {
        0% { transform: rotate(45deg); right: 0%; }
        48% { transform: rotate(45deg); right: calc(100% - 200px); }
        51% { transform: rotate(-135deg); right: calc(100% - 200px); }
        98%{ transform: rotate(-135deg); right: 0; }
        100%{ transform: rotate(45deg); right: 0; }
}
</style>
<div class="spiBox">
        <img src="/data/attachment/forum/202204/02/204928eqvb53ezaw8vhhe5.gif" alt="" />
</div>

红影 发表于 2022-4-3 08:17

散步的蜘蛛，好玩，真好玩{:4_187:}

红影 发表于 2022-4-3 08:18

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

马黑黑 发表于 2022-4-3 10:13

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

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

转转 发表于 2022-4-3 12:33

哈哈哈，蜘蛛被培训得能参加马戏演出啦{:4_172:}

马黑黑 发表于 2022-4-3 12:35

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

马戏团现在生意不好做啊

转转 发表于 2022-4-3 12:40

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

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

马黑黑 发表于 2022-4-3 12:41

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

疫情无情

红影 发表于 2022-4-3 19:38

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

这个大小正好呢，太小的看不清，太大的吓人{:4_173:}

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

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

貌似刚刚好

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

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

是的，正是如此{:4_173:}

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

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

那就自我表扬一下下

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

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

你不用自我表扬啊，我们大家一起来给你点赞{:4_187:}

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

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

怪不好意思的

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

老黑厉害，能这样玩真好。{:4_199:}

红影 发表于 2022-4-10 13:13

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

你当得起{:4_199:}

马黑黑 发表于 2022-4-10 13:17

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

哪裡哪裡果醬了

红影 发表于 2022-4-10 15:49

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

没有呢，这应该是花潮大家的心声呢{:4_187:}

马黑黑 发表于 2022-4-10 16:10

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

查看完整版本: 蜘蛛学会了拐弯