Cookie

предосторожность


Эта статья была опубликована более чем год назад, там, возможно, были события.
Пожалуйста, примите это во внимание.

Как многие знают, CSS3 Они еще не были полностью реализованы в браузере, мы не служим в первой части этого урока!. Уже реализованы на конкретных CSS2 Это свойство "контур». Давайте посмотрим на пример:

p.test {
    граница: 1точек твердого тела #000000;
    контур: 3точек твердого # 6374AB;
    ширина: 20в;
}

Эти несколько строк накладывают на создание черная граница пикселя вокруг в пункте, и контур (внешний по отношению к краю) цвет «# 6374ab» три пикселя. Он также указывает ширина пункта. Результат заключается в следующем:

outline_css.jpg

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

Техника здесь ниже, не может быть наиболее "ортодоксальный», но, конечно, решает проблему. С помощью CSS3, вы можете создать один или несколько затенение текста, и мы создаем восемь различных (все кардинальные и промежуточные точки) мы решили бы этот вопрос. Тень на север, уна имеет северо-восток, уна Объявление, и т.д.. Следующее изображение немного объяснение того, что я хочу достичь:

outline_lettera.jpg

Единственное правило, которое применяется в "текст-тень», Доступно только в третьей версии CSS.

p.outlined_text{
    размер шрифта:20ПВ;
    текст-тень:
    красный 1px 1px 0px,
    красный -1px -1px 0px,
    красный 1px 0px 0px,
    красный -1px 0px 0px,
    красный 0px 1px 0px,
    красный 0px 0px -1px,
    красный 1px 0px -1px,
    красный -1px 1px 0px;
}

И это результат:

outlined_text.jpg
  SnowStorm.js: уно сценарий "неприветливый"
категории: графикаWeb

TheJoe

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

0 Комментарии

оставьте ответ

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатывается комментарий данных.