text-shadow circular below the text

Question

text-shadow circular below the text

Navigation

#1 by (1 votes)
#2 by (0 votes)

0

I am trying to create the shadow of a background text in a circular way, but I have not been able to achieve it, I have only had the normal shadow. Next, I'll leave an example of what I'm trying to get

I only get this

link

css3 css

asked by Pedro Miguel Pimienta Morales 04.10.2017 в 00:17

source

2 answers

Error Internal Server 500 xhr.send (options.hasContent && options.data || null); Receive IDP parameters in SP with PHP

score 1 · Answer 1

With text-shadow you'll get what you propose. I have tried this to have a double shadow on each side. I hope that the result is what you set out to do.

h1 {
 text-align: center;
 text-shadow: -20px 0px 7px red, 20px 0px 7px blue;
}

<h1>V</h1>

score 0 · Answer 2

To achieve that "circle" you must make a broader blur.

Example

body {
  background-color: #ffffdf;
}
h2 {
  color: #fff;
  text-align: center;
  text-shadow: -15px 0px 20px #FF00FF,
    15px 0px 20px #00bbff;
}

<h2>❤</h2>
<h2>♕ MSW ♕</h2>