Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством icon

Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством



НазваниеText-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством
Дата конвертации01.08.2012
Размер28.03 Kb.
ТипДокументы
скачать >>>

С помощью свойства text-shadow, создаем текстовые эффекты

Для CSS-3 text-shadow является не новым свойством

Данное свойство было введено в СSS-2, но, к сожалению браузеры только в последнее время начали его учитывать. Исходя из названия, свойство text-shadow с помощью CSS может создавать тень для текста. Еще существует синтаксис для text-shadow.


Синтаксис.

Синтаксис имеет три значения, одним из которых является смещение тени по оси Х(по горизонтали) Если данное значение положительное, то смещение тени будет справа от текста, ну ,а если значение отрицательное, тогда соответственно смещение тени будет влево от текста. Второе значение синтаксиса является смещение по оси Y, т.е. по вертикале. В данном случае при положительном значении определяется смещение ниже текста, при отрицательном значении создается расстояние выше текста.

Ну и третье значение определяется в следующем: при положительном значении, выбирается радиус размытия тени. В случае, если значение не выбрано, размытия тени не будет.


Создание с помощью свойства text-shadow текстовых эффектов

С помощью свойства text-shadow создаются некоторые текстовые эффекты, которые делались раньше с помощью photoshop’a или других графических редакторов. Для того чтобы иметь какое-то представление о том как пользоваться text-shadow , обратите внимание на ниже перечисленные примеры.

1.Простая тень для текста на CSS.

Это самый простой приведенный пример с использованием свойства text-shadow. В котором тень создана 2px по оси X и оси Y, а также радиус размытия 2px.


 

 

*** 

 

2. Выгравированный текст и его стиль.

В этом случае используется вертикальное смещение, без размывки. 


***

 

 


3. Эффект светящегося текста.

Светящийся эффект создается путем добавления радиуса размытия.

 


****

 

 


4. Размытый текст.

В данном примере сделано приблизительно все то же самое, как и в предыдущем, установлен только радиус размытия без каких-либо вертикальных и горизонтальных смещений. Отличие только в том, что в этом примере используется цветовое значение transparent, которое поясняет , что цвет данного фона должен быть прозрачным. Данная процедура дает эффект рамытия.

 


*****;

 

 


5. Использование нескольких теней.

Еще можно использовать несколько теней, разделяя их запятыми.

 


*****

 


 

6. Рельефный текст.

В данном примере описано использование двух теней. В первой из них, отрицательное значение является вертикальным и горизонтальным, а при положительном значении придается рельефность текста, данное значение используется во второй тени.


***** 

 


7. Граница вокруг текста.

Данный код используется для создания границ текстов.


 

****

 


 

8. Текст в стиле 3D.

Тексты с эффектами 3D, обычно создаются с использование сразу нескольких теней. Для получения наилучшего эффекта используется увеличение одного и того цвета, для каждой из теней. Пример эффекта:


***** 




Похожие:

Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством iconДокументы
1. /Word_2010_ПЗ_ь5_Народы_России.pdf
2. /Народы...

Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством iconДокументи
1. /ОEПIОI/PRILOG/BUKLET.DOC
2. /ОEПIОI/PRILOG/PRIL_1.DOC
Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством iconText 1 I. Find in the text and underline the Russian equivalents of the following
Период спада в экономике Германии закончился, и до конца этого года ожидается ее существенный рост. Такой прогноз был сделан экспертами...
Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством icon1. Davidoff Silver Shadow Altitude
Оценить по достоинству верхние нотки ягод можжевельника, грейпфрута и перца смогут только истинные ценители
Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством iconДокументы
1. /LOTR/Lord Of The Rings I & II Lotr/Lord Of The Rings I & II Lotr.pdf
2. /LOTR/Lord...

Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством iconДокументи
1. /LOTR/Lord Of The Rings I & II Lotr/Lord Of The Rings I & II Lotr.pdf
2. /LOTR/Lord...

Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством iconВсе темы (информатика) за 3-й семестр в стждт
В общем случае системаобработки данных с файлами прямого доступа более эффективна, чем система споследовательными файлами, но она...
Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством iconКонтрольная работа №3 (Для студентов базового обучения IV семестр) Text 1

Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством iconСоздаем красивый фон для сайта
Каким образом создать великолепный фон для вашего сайта, и каким он может употребляться на сайте, основные варианты подбора фона...
Text-shadow, создаем текстовые эффекты Для css-3 text-shadow является не новым свойством icon1. Read and translate the text

Разместите кнопку на своём сайте:
Документы


База данных защищена авторским правом ©rushkolnik.ru 2000-2015
При копировании материала обязательно указание активной ссылки открытой для индексации.
обратиться к администрации
Документы