
Logo Netflix
CSS
Publicado el 30 de Diciembre del 2023 por Manuel (12 códigos)
1.055 visualizaciones desde el 30 de Diciembre del 2023
Construcción con estilos de CSS el logo del Netflix.
<!DOCTYPE html>
<html lang="e>">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Logo Netflix</title>
</head>
<style>
div{
background: #b1060f;
height: 250px;
width: 60px;
position: relative;
}
div::before{
background: #b1060f;
height: 250px;
width: 60px;
position: absolute;
content: '';
left: 90px;
}
div::after{
height: 20px;
width: 175px;
position: absolute;
content: '';
left: -15px;
bottom: -10px;
border-radius: 50%;
}
span{
position: absolute;
height: 250px;
width: 60px;
background: #e50913;
left: 46px;
transform: skew(20deg);
box-shadow: 0 0 10px -4px #222;
}
</style>
<body>
<div>
<span></span>
</div>
</body>
</html>
Comentarios sobre la versión: 3.11 (0)
No hay comentarios