¡Felices Fiestas! - Codelovers

¡Conmemoramos las Fiestas Patrias a nuestra manera!

Prueba copiando este código en tu sitio web o en JSFIDDLE


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Bandera De Chile</title>
</head>
<body style="background: black;">
 <ul><li style="max-width: 400px;">
                <div style="float:left; width: 150px; height:100px; background:#3A76BC; position: relative;">
                <!-- la estrella -->

                <div style="width:0; height: 0; -moz-transform:scale(0.15); -webkit-transform:scale(0.15); position: absolute; top:25px;; left:50px;">
                <div style="position: absolute; border-color:transparent transparent transparent #fff; border-style:solid; border-width:75px 0 75px 225px; font-size:0;height:0; width:0;-moz-transform:rotate(-18deg); -webkit-transform:rotate(-18deg); margin:86px 0 0 127px;"></div>
                <div style="position: absolute; border-color:transparent transparent transparent #fff; border-style:solid; border-width:75px 0 75px 225px;; font-size:0;height:0; width:0;-moz-transform:rotate(-162deg);-webkit-transform:rotate(-162deg); margin:86px 0 0 -3px;"></div>
                <div style="position: absolute; border-color:transparent transparent transparent #fff; border-style:solid; border-width: 75px 0 75px 225px; font-size:0; height:0; width:0; -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); margin: 38px 0 0 62px;"></div>
                <div style="position: absolute; border-color:transparent transparent transparent #fff;border-style:solid; border-width: 75px 0 75px 225px;; font-size:0;height:0; width:0; -moz-transform:rotate(54.4deg); -webkit-transform:rotate(54.4deg); margin: 163px 0 0 103px;"></div>
                <div style="position: absolute; border-color:transparent transparent transparent #fff;border-style:solid; border-width: 75px 0 75px 225px;; font-size:0;height:0; width:0; -moz-transform:rotate(126.5deg);-webkit-transform:rotate(126.5deg); margin: 164px 0 0 21px;"></div>
          </div>
              <!-- la estrella -->
                </div>
<div style="float: right; width: 250px;height: 100px; background: white;">

</div>
                <div style="background:#f00; width:400px; height:100px;clear:left;"></div>
            </li></ul>
</body>
</html>

Bandera De Chile

Correo electrónico

Eugenio Mettais #2152

¡Conmemoramos las Fiestas Patrias a nuestra manera!