X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Свободный доступ Премиум

Доступ всей нашей библиотеке Премиум Статьи концентратор, файлы проекта и первые 10% от каждого Учебник-Video из Интернет библиотека Учебник .

Создайте свой бесплатный аккаунт!

Как сделать текст Тени в CSS3
Перевод Google Translate

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

This CSS property is supported by the most recent versions of all popular browsers except Internet Explorer...

Шаг 1

Чтобы начать работу с этой целью, найти или создать правило CSS, что вы хотите, чтобы применить текст тень. Наверное, лучший способ сделать использование этого могло бы стать создание классового господства специально для применения этого эффекта. Именно это я и собираюсь сделать в любом случае. Я также применяется немного форматирование текста с помощью моего переопределены пункте элемента.

Шаг 2

Затем добавьте "текст-тени" собственность правила. Существуют четыре значения, которые мы можем применить к "текст-тень" собственности. Во-первых, добавить в цвете. Вы можете использовать любой цвет вы хотите, хотя тени, как правило, довольно темная. Если вы сохраните ваш файл и проверить работу в вашем браузере, вы увидите, что ничего не происходит. Это потому, что мы должны установить некоторые дополнительные свойства, в первую очередь.

Шаг 3

Directly after the color, let's set three numeric values. The first two values can be positive or negative. The last value must be positive.


Now what are these values for? Well, the first value is for the horizontal position of the drop shadow. A positive value will move the shadow to the right, and a negative value moves it to the left.

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

Третье значение определяет количество размытия тени. Используйте меньшее значение для четкие тени, или более высокое значение для более размытой тени. Как видите, я предпочитаю использовать довольно низких значений.

И это все, что к созданию текста тени в CSS3! Продолжайте CSS обучения путешествие, проверяя учебник ниже:

Geoff Blake

Geoff Blake | Articles by this author

Geoff Blake is a book author, video presenter, designer, and visual artist. As an in demand live-on-stage software educator since 1997, Geoff has taught desktop publishing, web design and graphics courses all over North America and is regarded as an expert in Adobe's Creative Suite applications, as well as in HTML, CSS, WordPress, and related technologies. With his humorous, non-jargonny approach, Geoff produces highly regarded articles, video training and DVDs, and regularly contributes to top industry magazines and websites.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link