Degrada Dos

TAREA NO 2: COPIAR TAL Y COMO ESTA EL
DOCUMENTO
-----*******------------*************---------********-------Colegio Salesiano Don Bosco de Guatemala
DEGRADADOS Y PGINAS WEB.
Autor: Vctor Jos Aquino Urrutia
rea: 2do Bsico A,B,C y D
****************************************************
**********
1.Cdigo para realizar una pgina web con
degradados y transformaciones usando
section,article,aside,footer,titulo luminoso
tipo teatro.
Nota: Ac se utilizan todas las funciones de
css con sus respectivos div y la conexin
entre html y css.
Parte de html5 (Estructura o esqueleto de
pgina)
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css
href="color.css">
</head>
<body>
<div id="tit">
<h1> Baile Coreografico </h1>
</div>
<section id="sec">
<h1> Musica Electronica </h1>
<article id="art">
<h2> TOMORROWLAND, ESPERALO MUY
PRONTO EN HOLANDA
EN EL PROXIMO MES. LOS MAS GRANDES DJS
DEL MUNDO </h2>
</article></section>
<aside id="barra">
<h5> Mayor Informacion </br>
www.tomorrowland.hl </h5>
</aside>
<div id="figura">
</div>
<footer id="pie">
<H2> COPYRIGHT, DERECHOS RESERVADOS
VICTOR AQUINO </H2></footer>
</body>
</html>
Parte de CSS3 (Decoracin)
body {
background:
-webkit-lineargradient(left,red,magenta,orange,yellow,blue,p
urple,gold);
}
#tit{
font-size:20px;
font-family:Impact;
color:red;
text-shadow:4px 6px blue;
-webkit-text-stroke: 1px red;

border-style:dotted;
box-shadow:6px 3px 1px 2px yellow;
background: -webkit-lineargradient(right,#61380B,#08298A);
border-width:20px;
border-radius:75px 75px;
}
#tit:hover{
font-size:20px;
font-family:Comic Sans Ms;
color:white;
opacity:3;
text-shadow:4px 6px white;
-webkit-text-stroke:2px blue;
border-style:dashed;
box-shadow:15px 20px 1px 2px opacity: 0.1
magenta;
background: -webkit-lineargradient(right,red,yellow,magenta,green,orange
,white);
border-width:20px;
border-radius:75px 80px;
}
#sec{
width:856px; height:400px;
background:-webkit-lineargradient(gold,red,orange,yellow);
font-family:Impact;
font-style:bold;
font-size:55px;
color:blue;
text-align: center;
}
#art{
background: -webkit-lineargradient(purple,blue);
font-family:Times New Roman;
font-size:12px;
color:gray; margin-left:200px;
}
#barra{
background: -webkit-lineargradient(purple,blue);
font-family:Impact;
font-size:10px;
color:white; margin-left:200px;
margin-left:1050px;
margin-top:-415px;
}
#pie{
background:-webkit-lineargradient(green,white,black);
font-family:Arial;
font-style:italic;
color:white;
font-size: 19px;
margin-top:-263px;
}
---------------------------------------------------------------
Aviso: En donde dice background y los

gradientes estn en dos lneas por cuestin de
espacio pero funciona perfectamente.

Degrada Dos

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Degrada Dos

Enviado por

Direitos autorais:

Formatos disponíveis

TAREA NO 2: COPIAR TAL Y COMO ESTA EL

-webkit-text-stroke: 1px red;

Aviso: En donde dice background y los

Você também pode gostar