今天,我们想与你分享一个有趣的互动着色概念。
这个想法是简单地将一个颜色从一个调色板拖到一个网站模型上,并将其颜色指定为区域(如背景或文本)。您之前可能遇到过自定义工具,但是我们希望为这个想法添加一些乐趣,并使其使用起来更加愉快。
如何使用它:你可以从调色板中拖动一个颜色,并将其放在任何区域,包括文本元素,以蓝色轮廓点亮。一旦你拖动的水滴落在一个内容区域,一个有趣的小的Google材料,如动画发生,整个地区都充满了彩色圆圈。为此,我们使用我们创建的SVG元素,然后将其放大并使用CSS过渡淡入其中。
您可以通过单击调色板工具栏中的墨滴图标来重置整个事物。
对于拖放功能,我们使用辉煌的interact.js库。
我们真的希望你喜欢这个小小的效果,并且觉得很有启发性。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com