Ход на текст с помощта на CSS

Ход на текст с CSS

Ход на текст с помощта на CSS без да се прибягва до скриптове всичко все още е възможно. Този ефект може да бъде създаден с помощта на свойствата на текстови сянка. Въпреки, че този имот е IE и не отнема някой от неговите версии - с други популярни браузъри, описани в рецептата ще работи добре.

Помислете кода от картинката по-долу:

Първото свойство създаване на текст сянка задава цвят сянка, втората сянка компенсира хоризонтално спрямо текста, третата смяна вертикално. Ако зададете сянка компенсира във всички посоки около текст 1 пиксел в даден момент и да получите ефекта на инсулт.

Пример инсулт №1

За да направите ход в CSS-интензивно, можете да използвате четвърти вариант на текст сянка. който е отговорен за радиуса на сянка размазване:

Пример инсулт №2

Ако забележите, имотът "червена 0 0 3px" се повтаря няколко пъти. Това е мястото, където скрит ефект на насищане. За да се постигне по-ясен дисплей от буквите на инсулт при СГО, имотът може да се добавя към други параметри множество пъти. Единственият недостатък е, че тя може значително да забави работата на браузъра при по-бавни компютри.