terça-feira, 3 de abril de 2012

Estilo CSS de Gradiente Radial

Aqui temos a explicação estilo, e mais abaixo clique na imagem para download do exemplo HTML completo.

 Código CSS:
<style type="text/css">
div.box{
background: -moz-radial-gradient(center, ellipse cover, #ffe732 1%, #d83131 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#ffe732), color-stop(100%,#d83131));
background: -webkit-radial-gradient(center, ellipse cover, #ffe732 1%,#d83131 100%);
background: -o-radial-gradient(center, ellipse cover, #ffe732 1%,#d83131 100%);
background: -ms-radial-gradient(center, ellipse cover, #ffe732 1%,#d83131 100%);
background: radial-gradient(center, ellipse cover, #ffe732 1%,#d83131 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe732', endColorstr='#d83131',GradientType=1 );
}
</style>


Código HTML:
<html>
<head>
<title></title>
<!-- coloque o CSS aqui -->
</head>
<body>

<div class="box">
    box que vai receber o gradiente.<br />box que vai receber o gradiente.<br />box que vai receber o gradiente.<br />box que vai receber o gradiente.<br />box que vai receber o gradiente.<br />
</div>
</body>
</html>


Baixar HTML

Nenhum comentário:

Postar um comentário

"Ajude com nossas INFOrmações. Retribua com bons comentarios."

Postagens populares