2015-06-12 2 views
-2

Какой лучший способ вы предложили бы получить сияющий эффект вокруг div текста? Можно ли это сделать с помощью CSS?Как получить светящийся эффект с помощью css

Я попытался поиграть с тенью, но не мог понять, как я этого хотел.

+2

Вопросы, ищущих отладки помощи («почему не этот код работает?») Должен включать в себя желаемое поведение, конкретную проблему или ошибку и короткий код, необходимый для его воспроизвести ** в самом вопросе **. См. [** Как создать минимальный, полный и проверенный пример **] (http://stackoverflow.com/help/mcve) –

+0

Вы имеете в виду свечение на самом тексте или в прямоугольнике вокруг текста? – henry

+0

_couldn't вполне получить его, как я этого хотел. Как вам это нужно? Вы должны быть конкретными. Включите MCVE, например Paulie_D, и объясните, как то, что вы сделали, отличается от того, что вы хотите. – BSMP

ответ

0

Вы ищете text-shadow - см http://caniuse.com/#feat=css-textshadow для информации о том, какие браузеры поддерживают его, и на вкладке «Ресурсы» есть ссылки о том, как использовать его

+0

OP хочет свечение вокруг div, а не текст. –

+0

Непонятно - они сказали, что «box-shadow» не делали то, что хотели. Просьба уточнить – henry

+0

Они сказали, что не могут понять, что это правильно. Без кода, который они пытались, я не знаю, как они хотели, чтобы он выглядел. –

0

Я думаю, что вы хотите что-то вроде этого:

-webkit-box-shadow: 0px 0px 19px -1px rgba(0,255,81,1); 
-moz-box-shadow: 0px 0px 19px -1px rgba(0,255,81,1); 
box-shadow: 0px 0px 19px -1px rgba(0,255,81,1); 

Просто поиграйте с элементами управления на http://www.cssmatic.com/box-shadow, пока не получите то, что хотите.

div { 
 
    -webkit-box-shadow: 0px 0px 19px -1px rgba(0,255,81,1); 
 
-moz-box-shadow: 0px 0px 19px -1px rgba(0,255,81,1); 
 
box-shadow: 0px 0px 19px -1px rgba(0,255,81,1); 
 
    }
<div><p>Text</p></div>

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