Código de CSS - Poner un texto en forma de "grabado"

Imágen de perfil
Val: 96
Bronce
Ha aumentado su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

Poner un texto en forma de "grabado"gráfica de visualizaciones


CSS

Publicado el 19 de Febrero del 2020 por Katas
365 visualizaciones desde el 19 de Febrero del 2020
Ejemplo de poner un efecto donde el texto parece estar "grabado"

texto-grabado

1

Publicado el 19 de Febrero del 2020gráfica de visualizaciones de la versión: 1
367 visualizaciones desde el 19 de Febrero del 2020
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html lang="es">
 
<head>
    <style>
    body {
        background-color:#f0f0f7;
    }
    p {
        font:2em Arial;
    }
    .etched-text {
        text-shadow: 0 2px white;
        font-size: 1.5rem;
        font-weight: bold;
        color: #b8bec5;
    }
    </style>
</head>
 
<body>
 
    <p class='etched-text'>Este texto tiene el efecto de estar "grabado"</p>
 
</body>
</html>



Comentarios sobre la versión: 1 (0)


No hay comentarios
 

Comentar la versión: 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5934