CODIGO HTML
<!DOCTYPE html>
<html
lang="es">
<head>
<meta
charset="utf-8"/>
<title>EJERCICIO 4</title>
<link rel="stylesheet"
href="estilos_encabezado.css" />
</head>
<body>
<header id="encabezado">
<h1 id="titulo">INSTITUTO
TECNICO GUAIMARAL</h1>
</header>
</body>
</html>
CODIGO CSS
* {
margin: 0;
padding: 0;
}
#encabezado {
width: 960px;
margin: 20px auto;
padding: 40px;
border: 13px solid
#F60;
background: Pink;
color: #192A62;
text-align: center;
border-radius: 50px;
box-shadow: 10px 10px
2px rgba(200,120, 0, 0.5);
-webkit-transition:-webkit-transform
1s ease 0.5s;
}
header:hover{
-webkit-transform:scale(0.5);
}
#titulo{
font: bold 40px
Monotype Corsiva;
color: #09027F;
}
No hay comentarios:
Publicar un comentario