segunda-feira, 19 de novembro de 2012

Dicas Rápidas: CSS

Retirar a cor de borda do campo input definida pelo browser (no caso Chrome)

input:focus { outline:none; }

Sombreamento no Texto com CSS

.text { text-shadow:1px 1px 1px #333; }

Borda Arredondada

.roundborder { 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}

Box Shadow

.shadow { -moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc; }
.inner_shadow { -moz-box-shadow: inset 0 0 10px #ccc; -webkit-box-shadow: inset 0 0 10px #ccc; box-shadow: inset 0 0 10px #ccc; }
.one_edge_shadow { -moz-box-shadow: 0 8px 6px -6px #000; -webkit-box-shadow: 0 8px 6px -6px #000; box-shadow: 0 8px 6px -6px #000; }

Background Gradient:

.gradient {

  background-image: linear-gradient(bottom, rgb(2,75,121) 0%, rgb(53,147,194) 100%);
  background-image: -o-linear-gradient(bottom, rgb(2,75,121) 0%, rgb(53,147,194) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(2,75,121) 0%, rgb(53,147,194) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(2,75,121) 0%, rgb(53,147,194) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(2,75,121) 0%, rgb(53,147,194) 100%); 
}





Fontes e Referências:




Nenhum comentário:

Postar um comentário