Lovers Fansub: ANIME: EXTRA LIMITED EDITION

Blogger news

- See more at: http://www.tutosytips.com/barra-de-progreso-con-css3-animado-con-un-poco-de-javascript/#sthash.68WWQTxn.dpuf - See more at: http://www.tutosytips.com/barra-de-progreso-con-css3-animado-con-un-poco-de-javascript/#sthash.68WWQTxn.dpuf div#precargador { border: 1px solid #0099CC; padding: 10px; margin: 0 auto; width: 320px; } p#progressnum { color: #ccc; font-size: 15px; height: 20px; margin: 5px; font-style: italic; text-align: center; } #progressbar{ height: 24px; padding: 4px; background-color: #191919; border-radius: 16px; box-shadow: inset 0 1px 2px #333, 0 1px 0 #777; margin: 0 0 10px; width: 300px; } div#precargador input { background: #eee; border: none; border-radius: 9px; background: #444; box-shadow: 0 1px 1px #222 inset, 0 1px 0 #999; color: #777; cursor: pointer; } div#precargador input:hover { background: #666; color: #333; } #indicador{ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.8) inset, 0 0 2px black; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 15px 15px 15px 15px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); color: #0099CC; display: inline-block; height: 24px; margin-right: 10px; width: 300px; background-color: #0099CC; background-image: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px), linear-gradient( rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 60%), none; /*------ PARA CHROME Y SAFARI -----*/ background: -webkit-repeating-linear-gradient( 45deg, rgba(255,255,255,.2) 0, rgba(255,255,255,.2) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px ), -webkit-linear-gradient( rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 60% ), #09c; /*------ PARA FIREFOX----*/ background: -moz-repeating-linear-gradient( 45deg, rgba(255,255,255,.2) 0, rgba(255,255,255,.2) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px ), -moz-linear-gradient( rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 60% ), #09c; /*------ PARA OPERA----*/ background: -o-repeating-linear-gradient( 45deg, rgba(255,255,255,.2) 0, rgba(255,255,255,.2) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px ), -o-linear-gradient( rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 60% ), #09c; } - See more at: http://www.tutosytips.com/barra-de-progreso-con-css3-animado-con-un-poco-de-javascript/#sthash.68WWQTxn.dpuf

Blogger news

Buscar este blog

Blogroll

Entradas populares

ANIME: EXTRA LIMITED EDITION

Publicar un comentario

Estado Proyectos

Escríbenos

Síguenos en Twitter

Lovers Music