2014-02-19 4 views
0

Есть ли стандартный способ CSS для установки двух цветов для текста? Цвет переднего плана и фоновый, который находится прямо под цветом переднего плана, но немного вправо, так что вы можете фактически сказать, что за передним планом есть фоновый цвет?стандартный CSS для установки цвета переднего плана/фона?

Kinf как показано на рисунке ниже, но без 3D-эффекта. Я не забочусь о том, чтобы цвет фона шел так далеко, пока вы можете отличить, что есть два цвета. Один спереди и один справа под ним, но слегка вправо, так что цвет фона также несколько заметен.

enter image description here

Заранее спасибо за любую помощь! :)

ответ

4

Да использовать текст-тень, чтобы установить основной цвет текста и цвет фона следующим образом:

.twoColor { 

    color: white; 
    text-shadow: 2px 2px orange; 

} 

<div class="twoColor">David</div> 
0

Цвет шрифта задан с помощью свойства «цвет» в css, но для выполнения того, что вы делаете, вы также можете использовать свойство CSS «text-shadow».

Посмотрите W3Schools

2

Вы можете установить множественную тень к тексту, как это:

text-shadow: 1px 1px #fe4902, 
       2px 2px #fe4902, 
       3px 3px #fe4902, 
       4px 4px #fe4902, 
       5px 5px #fe4902, 
       6px 6px #fe4902; 

Это будет выглядеть очень близко к изображению. Хороший пример здесь:

http://css-tricks.com/examples/3DTextTower/

0

Для контрейлерного прочь @ ответа Stéphane De Luca, вы можете цепь вашей текстовая тень, чтобы создать в пучине взгляда, как вы хотите:

p { 
    text-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe; 
} 

См. Здесь для разных глубин: http://jsfiddle.net/3Acmq/

Смежные вопросы