I need to add an "outer glow" Photoshop effect to some text using CSS. Here is a screenshot of the mockup of what I am trying to acheive:
Here is the Photoshop layer settings:
I'm pretty sure this is text-shadow
but I've been messing around with it and I cannot achieve a glow on all sides.
Text-shadow is what you have to use to achieve glow or some kind of text-shadow. To add multiple text-shadow , you can do that by separating them, by adding comma to text-shadow property.
The CSS glowing text can be created by using the text-shadow property. This property allows you to add different shadows to your text. You can also place your text in an element and then apply the shadow effect to it by using the box-shadow property with some animations.
Text-shadow
is what you have to use to achieve glow or some kind of text-shadow.
p{
text-shadow : horizontal-shadow vertical-shadow blur color;
}
To add multiple text-shadow
, you can do that by separating them, by adding comma to text-shadow property.
p{
text-shadow : horizontal-shadow vertical-shadow blur color, horizontal-shadow vertical-shadow blur color;
}
p{
background:#111;
color:#fff;
text-shadow:1px 1px 10px #fff, 1px 1px 10px #ccc;
font-size:48px;
text-align:center;
}
<p>
Demo Text
</p>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With