Texto superpuesto con CSS y HTML

HTML
<div>
    <span>O</span>
    <span>V</span>
    <span>E</span>
    <span>R</span>
    <span>L</span>
    <span>A</span>
    <span>P</span>
</div>
CSS
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:sans-serif;
}

body{
    background-color:#1f1c32;
}

div{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    text-align:center;
    color:#fff;
}

div span{
    font-size:17vw;
    font-weight:800;
    text-shadow:-0.08em 0.03em 0.12em rgba(0,0,0,.9);
}
div span:not(:first-child){
    margin-left:-0.23em;
}

/* All the credits: https://www.youtube.com/watch?v=6rYRYfeaeIY */

Autor: Leonard

Publicado: 08/01/2023

Compartir Elemento Web

Donar a Compositu
Otras formas de ayudar
  • Compártelo en tus redes sociales.
  • Recomienda los elementos.
  • Regístrate Aquí
  • Deja tu comentario agradeciendo el aporte.

Descarga el código completo del Elemento Web y archivos necesarios (imágenes, librerias, plugins, frameword, etc)

Deja tu comentario