"CSS3 online Generator" | #blogdicasblogueiros ...bdb... blog dicas blogueiros

"CSS3 online Generator"


CSS3 online Generator

"  Quando falamos de geração de pouca luz acende e rapidamente pensar em algo que vai economizar tempo, tornar mais fácil oy em alguns casos, nós nos divertimos . Na minha tag cloud é muito bem chamado de "   produtores"    é jogar com as imagens e também sobre CSS ou HTML."
"  Vamos ver se Parque CSS3 um gerador online que nos dá a oportunidade de jogar com os recursos do CSS3."
"  Algumas das coisas que temos                               
são os cantos arredondados
sombras em texto 
e borda
e um belo efeito de opacidade."


"  Quando você acessa ver uma barra de ferramentas à esquerda para selecionar as propriedades que você deseja adicionar.
No topo , temos um bloco de amostra mudará como fazemos mudanças , podemos ver que bloqueiam completamente se você arrastar para baixo da linha da fronteira com o mouse."
 

"  No fundo , encontramos os estilos que contribuem para o bloco e no final das mudanças que podem copiar que diz  '  Estilo de usar no arquivo / html css "   e colar no nosso pessoal , adicionando uma classe a ser usada ."

..."   simplificar"..."  aqui"  ..."   um pouco, e suponho que nós criamos um bloco, oferece os seguintes estilos 
e adicionar antes
  ]]></ B: skin> segue.

. Bloco de cor (
- Webkit - border-radius : 31px ;
-Moz- border-radius : 31px ;
border-radius : 31px ;
- Webkit -box -shadow : 4px 4px 6px # 000000;
-Moz -box -shadow : 4px 4px 6px # 000000;
shadow -box : 4px 4px 6px # 000000;
text-shadow :- 1px - 1px # 000000 0px ;
- Webkit -transform: rodar (- 17deg ) escala ( 0,9) de inclinação (- 22deg , 17deg );
-Moz -transform: rodar (- 17deg ) escala ( 0,9) de inclinação (- 22deg , 17deg );
-O- transform: rodar (- 17deg ) escala ( 0,9) de inclinação (- 22deg , 17deg );
border: 1px solid # FFC0CB ;
background: # 696 969 ;
padding: 9px ;
opacidade : 0,7;
font-family : Palatino, " Palatino Linotype "," Palatino LT STD " , "Book Antiqua ", serif Geórgia ;
font-size: 12pt;
color: # FFF5EE ;
text-align : center;
width: 300px ;
height: 150px ;
}


"  Adicionar como em negrito "  bloco cor -  É o nome que atribuímos à classe , mas pode ser qualquer outro jogo onde ele irá adicionar o código HTML para exibir o bloco.

Depois de salvar as alterações editar uma entrada ou um novo gadget HTML e dentro adicione o seguinte:
"

< div class = "bloco cor -">                                                               

"   Aqui nós adicionamos o conteúdo pode ser texto, imagens ou qualquer coisa."

</ Div>                                                                                                                        






"  Aqui nós adicionamos o conteúdo pode ser texto, imagens ou qualquer coisa."


< div class = "bloco cor -">



fonte e créditos:
http://gemablog-.blogspot.com/2010/09/generador-online-css3.html?utm_source=feedburner&       utm_medium=email&utm_campaign=Feed%3A+GemaBlog+%28Gem%40+BLOG%29               

flo

http://blogdicasblogueiros.blogspot.com.br/

Related Posts:

Nenhum comentário:

Postar um comentário

Mensagem do formulário de comentário: