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
Solo consigo esto
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadEstoy 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
Solo consigo esto
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>
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>