介绍
icecreams 是一款适用于前端开发的 npm 包，提供了多个冰淇淋的动画效果，可以让页面更加生动有趣。
安装
使用 npm 安装 icecreams：
npm install icecreams --save
使用方法
引入 icecreams：
import icecreams from 'icecreams';
使用方法：
icecreams('selector', {
autoplay: true,
colors: ['#f00', '#0f0', '#00f'],
shape: 'square',
size: 200,
speed: 1,
shadows: false
});参数说明
selector：动画效果要显示在哪个元素上，可以是 id、class、DOM 对象等。autoplay：是否自动播放，默认true。colors：冰淇淋的颜色，可以是一个颜色值数组，默认值为['#DDBB99', '#FFE5B4', '#EEEC85']。shape：冰淇淋的形状，可以是ball、square、triangle、flower、cylinder中的一个，默认ball。size：冰淇淋的大小，可以是一个数字，默认150。speed：冰淇淋旋转的速度，可以是一个数字，默认0.5。shadows：冰淇淋是否带有阴影效果，可以是true或false，默认true。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
---------------- ------------
------- ------------------------------------------------
------- -------------------------------------------
-------
------
---- ---------
---- ----------------------
------
--------
--- -----
--- -------
-------- ---------- -
------------------------------- -
--------- -----
------- ----------- ---------- -----------
------ ---------
----- ----
------ --
-------- -----
---
-
---
---------
-------
-------效果：
学习意义
使用 icecreams 可以轻松实现多种冰淇淋的动画效果，丰富页面的视觉效果，提高用户的交互体验。使用它也可以让我们更深入地理解 JavaScript 动画库的实现原理以及 CSS 动画的使用方式，对于我们的前端开发技能提升也具有一定的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005664681e8991b448e259b