在上一篇文章中,我用css动画效果制作了一个旋转图片和一个旋转爱心,但经过这两天的学习与实践,我发现用JavaScript制作要比css动画效果制作呈现出来的效果好上很多,这篇文章我就用JavaScript制作一下旋转的图片和爱心
旋转的图片:
效果视频:
js制作旋转图片
第一步:创建相关文件夹,并打开Dreamweaver软件创建一个空白html页面。
第二步:部署图片(图片可以为任意形状,但尽量把图片修改成圆形,这里我用的是圆形。)
效果图:
html代码:
效果视频:
js制作旋转图片
效果图:
html代码: