HTML5 Canvas实现柳枝随风飘摇动画

2020-01-09 11:27:03 画布

这是一款用HTML5 Canvas模拟的柳树随风飘摇的动画特效,首先柳枝和柳叶的模拟通过CSS实现,将鼠标滑过柳枝时,就像微风拂过一般,将柳枝和柳叶飘摇起来。

先引入css

<link rel="stylesheet" href="css/style.css">

然后在body中引入js即可

<script src="js/script.js"></script>

评论