Как сделать текст как на картинке:
и при Hover, она наполнялось цветом
ЗАРАНЬЕ СПАСИБО
body {
background-color: black;
display: flex;
min-height: 100vh;
margin: 0;
font-size: 500%;
}
div {
transition: .5s;
margin: auto;
text-shadow: 0 0 4px white;
}
div:hover {
color: white;
text-shadow: 0 0 0 white;
}
<div>#QALAB</div>
Предлагаю использовать text-stroke, если вас устроит его поддержка браузерами.
body
{
background-color: #000;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
margin: 0;
}
div
{
-webkit-text-stroke: 1px #FFF;
text-stroke: 1px #FFF;
font-size: 4rem;
}
<div>#QALAB</div>