红影 发表于 2021-12-25 19:37
是不是时间值越大应该动得越慢的？
当然，设定的时间实际上是一个运行周期花多长时间
马黑黑 发表于 2021-12-25 20:39
当然，设定的时间实际上是一个运行周期花多长时间
不管它快慢了，现在能出来效果了，特别开心{:4_199:}
路过~~~看看学生小辣椒在吗~~~{:5_106:}
杨柳青 发表于 2021-12-25 21:52
路过~~~看看学生小辣椒在吗~~~
{:5_106:}
红影 发表于 2021-12-25 21:28
不管它快慢了，现在能出来效果了，特别开心
好
马黑黑 发表于 2021-12-25 22:45
好
想到清舟的那个动画就笑，她的运用太灵活了{:4_173:}
红影 发表于 2021-12-26 11:22
想到清舟的那个动画就笑，她的运用太灵活了
学会了就要用用
马黑黑 发表于 2021-12-26 11:24
学会了就要用用
你的和清舟的那个，都做得特别好玩，我暂时还没想到能做什么好玩的{:4_173:}
红影 发表于 2021-12-26 12:02
你的和清舟的那个，都做得特别好玩，我暂时还没想到能做什么好玩的
这个需要小孩子的想象力
马黑黑 发表于 2021-12-26 12:15
这个需要小孩子的想象力
保持一颗赤子之心，是很珍贵的。
红影 发表于 2021-12-26 13:02
保持一颗赤子之心，是很珍贵的。
说得对
马黑黑 发表于 2021-12-26 13:05
说得对
这个css的动画就很引领人发掘童心{:4_173:}
红影 发表于 2021-12-26 13:16
这个css的动画就很引领人发掘童心
CSS能实现动画的主要有三个函数，@keyframes 是一个，还有 transform 和 transition，最后一个要容易一些
马黑黑 发表于 2021-12-26 13:20
CSS能实现动画的主要有三个函数，@keyframes 是一个，还有 transform 和 transition，最后一个要容易一些
哦哦，还有两个啊，回头也介绍一下呗。
红影 发表于 2021-12-26 16:07
哦哦，还有两个啊，回头也介绍一下呗。
其实已经介绍了，不开转帖而已
马黑黑 发表于 2021-12-26 16:18
其实已经介绍了，不开转帖而已
嗯嗯，看到了{:4_173:}
<style type="text/css">
@keyframes iChange {
from { width: 23px; height:24px; } to { width:230px; height:249px; }
}
.s2b {
animation: iChange 5s infinite alternate;
width:23px;
height:24px;
}
</style>
<img class="s2b" src="https://s4.ax1x.com/2021/12/19/Teg2t0.jpg" alt="" />
真的出来了，好玩好玩。老黑厉害，佩服佩服！{:4_199:}
加林森 发表于 2021-12-26 18:54
真的出来了，好玩好玩。老黑厉害，佩服佩服！
只要方法得当，效果会出来的
马黑黑 发表于 2021-12-26 19:09
只要方法得当，效果会出来的
嗯嗯，我得继续学习了。