小辣椒 发表于 2022-9-10 12:26
加了指针了
就一条线
马黑黑 发表于 2022-9-10 13:14
CSS关键帧动画已经不是一个难题了，除非没有认真学或错过学习的机会
那我可以试试{:4_173:}
马黑黑 发表于 2022-9-10 13:14
CSS关键帧动画已经不是一个难题了，除非没有认真学或错过学习的机会
对了，上次钟系列我都没有玩。。。
小辣椒 发表于 2022-9-10 13:18
对了，上次钟系列我都没有玩。。。
之前好像没有纯粹的指针播放器，只有一个开关
小辣椒 发表于 2022-9-10 13:17
那我可以试试
完全可以的，就看 @keyframes 的尺寸设定 和 animation 的时间设置
马黑黑 发表于 2022-9-10 10:34
像个秒针吧
是啊，挺有趣的，也挺漂亮{:4_187:}
红影 发表于 2022-9-10 17:15
是啊，挺有趣的，也挺漂亮
秒针还可以设计成带箭头的样纸
这个制作好像有点玄幻的样子，好好欣赏学习{:4_187:}
马黑黑 发表于 2022-9-10 17:18
秒针还可以设计成带箭头的样纸
那需要在id="hand"里一次性设置好吧，否则JS里也得修改了呢。
马黑黑 发表于 2022-9-10 17:18
秒针还可以设计成带箭头的样纸
好像不能用polygon points= 画出来呢，试了一下，指针不会动了{:4_173:}
本帖最后由 马黑黑 于 2022-9-10 21:26 编辑
红影 发表于 2022-9-10 20:40
好像不能用polygon points= 画出来呢，试了一下，指针不会动了
完全可以。动不动看你怎么驱动。
红影 发表于 2022-9-10 20:21
那需要在id="hand"里一次性设置好吧，否则JS里也得修改了呢。
svg画线条，有个指令可以通过路径什么的画箭头，就是比较复杂
千羽 发表于 2022-9-10 20:15
这个制作好像有点玄幻的样子，好好欣赏学习
对，时间本身就很玄幻的
马黑黑 发表于 2022-9-10 21:26
对，时间本身就很玄幻的
嗯，黑黑老师棒棒哒{:4_187:}
千羽 发表于 2022-9-10 21:59
嗯，黑黑老师棒棒哒
果酱果酱
马黑黑 发表于 2022-9-10 21:24
完全可以。动不动看你怎么驱动。
我就原位置直接画了一下，别的没动。
马黑黑 发表于 2022-9-10 21:25
svg画线条，有个指令可以通过路径什么的画箭头，就是比较复杂
哦，直接用线条命令也可以的啊。
<svg width="300" height="100" >
<polygon points="50,50 50,18 47,18 50,10 54,18 51,18 51,50" fill="red" />
</svg>
虽然画得不好看，大小取的和原来一样，但试验里看不到了。
红影 发表于 2022-9-10 23:48
你这是用多边形绘制法，画出的当是一个整体，可以直接驱动。