0

Estoy tratando de crear de manera circular la sombra de un texto de fondo, pero no he logrado conseguirlo, solo he podido la sombra normal. A continuación, dejare un ejemplo de lo que trato de conseguir

shadow

Solo consigo esto

https://jsfiddle.net/f24xgp4u/43/

2
  • 1
    las sombras son un reflejo en cada lado? por lo que veo en el corazón, tiene uno morado a la derecha y un verde agua a la derecha? o lo que te importa es la sombra en forma circular? el 3 oct. 2017 a las 23:49
  • eso mismo concluí después de echar una buena vista el 4 oct. 2017 a las 4:00

2 respuestas 2

1

Con text-shadow deverías conseguir lo que propones. Yo he probado con esto para tener una doble sombra a cada lado. Espero que el resultado sea lo que te propones

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

0

Para lograr ese "círculo" debes realizar un difuminado más amplio.

Ejemplo

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>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.