Texto: | |
Intervalo: | |
Quantidade: | |
Cor Fundo: | |
Cor Fonte: | |
Código: |
https://www.codigopronto.com/artigo/138/Formulario-gerador-de-Marquees
Modified by Leandro Peixoto
Estes são alguns dos sites que aTube Catcher suporta, é claro nem todos estão listados aqui:
Texto: | |
Intervalo: | |
Quantidade: | |
Cor Fundo: | |
Cor Fonte: | |
Código: |
https://www.codigopronto.com/artigo/138/Formulario-gerador-de-Marquees
Modified by Leandro Peixoto
Hoje vamos ver efeitos hover com animations em CSS3.
Os efeitos são feitos com propriedade de transição.
Veja abaixo o exemplo:
Fade-in
.fade-in{
opacity:.5;
}
.fade-in:hover{
opacity:1;
}
Fade-in
Zoom +
.zoom-mais:hover{
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
Zoom +
Zoom -
.zoom-menos:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
Zoom -
Rodando
.rodando:hover{
-webkit-transform: rotateZ(-30deg);
-ms-transform: rotateZ(-30deg);
transform: rotateZ(-30deg);
}
Rodando
Borda Redonda
.borda-redonda:hover{
border-radius:50%;
}
Borda redonda
Inserindo Borda
.inserindo-borda:hover{
box-shadow: inset 0 0 0 25px #df276b;
}
Inserindo borda
Borda redonda
CURIOSIDADES
GERAR CÓDIGO PARA PLAYER FLASH
(Exemplo→https://www.fileden.com/files/2008/8/17/2053275/Picture - Eternal Dark.mp3)
A LUA agora +3h vista do Hemisfério Norte
Aumente o tamanho da imagem ao passar o Mouse
A TERRA vista agora +3h por Satélite
Subscribe to comdisponibilidade.webnode.com.br by Email Free
Assinar comdisponibilidade.webnode.com.br por e-mail grátis
Dimensões