О моём фотомире и не только
CSS и JQuery
CSS3-свойства text-shadow, box-shadow и border-radius, JQuery и “солнце”
28 Январь, 2012
В предыдущей статье я описал CSS3-свойство “text-shadow” и дал несколько примеров его применения как самого по себе, так и в связке с JQuery.
Я ещё немного поэкспериментировал на эту тему и у меня получился пример под названием “Тень, отбрасываемая текстом в зависимости от положения “солнца”, которое управляется мышкой”. Звучит сложно, проще увидеть.
Ну а теперь разберём, как сделан этот пример. (далее…)
Popularity: 1% [?]
CSS-свойство text-shadow, его применение и эффекты.
22 Январь, 2012
Ещё в версии CSS2.1 появилась возможность создавать эффект тени у текста с помощью свойства text-shadow. Но на тот момент практически ни один браузер его не поддерживал. И только с активным внедрением поддержки CSS3 эту тень у текста научились отображать практически все современные браузеры. Кроме Internet Explorer’а, который даже в 9-й версии (последней на данный момент) этого не умеет.
Вот формат параметров свойства: text-shadow: x y z color, x y z color, …; где x и y – смещение тени в пикселях по горизонтальной и вертикальной оси соответственно, z – радиус размытия тени, color – цвет тени. К тексту можно применить сразу несколько эффектов тени, указывая параметры через запятую. Это позволяет, комбинируя тени разного цвета, с разным смещением, добиваться эффектов трёхмерности текста, вдавленности, свечения и других. Для наглядного представления некоторых возможностей применения text-shadow и эффектов, которые можно с его помощью получить, я подготовил страничку с несколькими примерами. Пример 1 демонстрирует простейший вариант его применения: (далее…)
Popularity: 1% [?]