Welcome, Old Sport!

字体颜色美化插件charming.js

by ilikecss ON 2017/10/13 43

charming js es6如果在网页开发过程中需要有效针对文字中文字的颜色进行设计的话,CSS会非常的繁琐,这里介绍一款字体颜色美化插件charming.js, 它能够帮助你快速生成基于单个字符的文字样式设计,效果如下:

Javascript

不知道大家对Javascript ES6熟不熟悉,这款脚本是基于ES6开发的。参考下面代码:

const DOM = {};

	DOM.enter = document.querySelector('.enter');
	charming(DOM.enter);
	DOM.enterLetters = Array.from(DOM.enter.querySelectorAll('span'));

	const init = () => {
		DOM.enter.addEventListener('mouseenter', enterHoverInFn);
		DOM.enter.addEventListener('mouseleave', enterHoverOutFn);
	};
目前还没有评论



TOP