[摘要]本篇文章给大家带来的内容是关于如何使用纯CSS实现一只会动的手(附源码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。效果预览源代码下载https://github.com/com...
本篇文章给大家带来的内容是关于如何使用纯CSS实现一只会动的手(附源码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。效果预览
源代码下载
https://github.com/comehope/front-end-daily-challenges
代码解读
定义 dom,容器中的 5 个 .finger
元素代表 5 根手指,.thumb
元素代表大拇指,.palm
元素代表手掌:
<div class="hand">
<span class="finger thumb"></span>
<span class="finger"></span>
<span class="finger"></span>
<span class="finger"></span>
<span class="finger"></span>
<span class="palm"></span>
</div>