All Articles Web
Как сделать текст Тени в CSS3
Geoff Blake on Wed, March 30th | 0 comments
As I mentioned in my tutorial on creating rounded corners, CSS3 is offering up a lot of awesome new features, like multiple columns, gradients, and of course, border effects. In this tutorial, we'll t

Как я упоминал в мой урок по созданию закругленные углы, 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 обучения путешествие, проверяя учебник ниже:

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: