Good design is obvious. Great design is transparent.
1. Нужно создать zero block и добавить shape элемент.
2. В блок T123 добавляем код.
3. В 2 строке кода нужно указать class shape элемента, в который нужно добавить эффект.

Взято с https://codepen.io/jasperlachance/pen/QNMwBg
Эффект с codepen
Код
<script>
$(function(){
	var elem = $(".tn-elem__1224654371566023459887 .tn-atom");
	var fontSize1 = 20;
	var fontSize2 = 24;
	
	elem.delegate('span', 'mouseenter mouseleave', function(e){
		var span = $(this);
		
		if (span.hasClass("end")) {
			return;
		}

		if (e.type === 'mouseenter'){
			span.not(':animated').animate({ fontSize: fontSize2 + 'px' });
		}
		else if (e.type === 'mouseleave'){
			span.animate({ fontSize: fontSize1 + 'px' });
		}
	});
	
	var newText = '',
	text = elem.text(),
	len = text.length;

	for (var i = 0; i < len; i++){
		newText += '<span>' + text.charAt(i) + '</span>';
	}
	newText += '<span class="end" style="font-size: ' + fontSize2 + 'px;">&#160;</span>';
	elem.html(newText);
});
</script>
Есть вопросы?
comments powered by HyperComments
Вот, что есть еще
Made on
Tilda