BIBLIOTECA HOVER.CSS / INTERAGINDO BOTÕES (CSS3/HTML5)
ฝัง
- เผยแพร่เมื่อ 27 ธ.ค. 2024
- // DESCRIÇÃO
Na semana passada descobrimos um pouco do quanto uma biblioteca css3 pode ser fantástica. Hoje, para dar continuidade a esse universo estilizável, falaremos sobre hover.css uma incrível biblioteca CSS3, que possibilita interações “mágicas” com logos, links e até mesmo em imagens. Estando disponível também nas versões SASS / LESS.
Ainda nessa mesma linha de aplicação, falaremos sobre o ganhador do concurso de capas e do portal CanIUse, onde podemos descobrir se uma determinada propriedade é ou não suportada por determinado navegador.
Quer saber um pouco mais sobre esses códigos? E sobre quem ganhou o concurso de capas? Acompanhe o vídeo, aprenda um pouco mais sobre estilização, transições, otimização e entenda como você pode deixar seus projetos mais interativos.
// GANHADOR DO CONCURSO
Rafael Frota - Estudante de Análise e Desenvolvimento de Sistemas e Design Gráfico. (São Paulo - SP)
A divulgação do portfólio do mesmo, irá acontecer no vídeo da próxima semana.
// INSCREVA-SE NO CANAL
www.youtube.co...
// REDES SOCIAIS
1. Twitter: / ferreirastudios
2. Facebook: / ferreirastudios
3. Google+:
plus.google.co...
// LINK DO VÍDEO
• BIBLIOTECA HOVER.CSS /...
// LINKS EXTERNOS
ianlunn.github.... - HOVER.CSS
ianlunn.co.uk/a... - INTRODUÇÃO AO HOVER
caniuse.com/#se... - CAN.I.USE TRANSITIONS
github.com/Ian... - PROJETO GITHUB
ahhh meu deus, quase não acredito! é muita honra mesmo, poder ter um trabalho meu feito e divulgado no canal e no facebook!
agradeço a vc Léo e todos os avaliadores do concurso, obrigado também todos que participaram e que venham mais concursos! abraçooo
Muito bom, gosto muito de HTML e CSS mais uma vídeo aula excelente, parabéns.
Depois de dezenas de vídeos finalmente!!! Parabéns e obrigaduh!
Muito bom o tutorial explica detalhes. Inscrito no canal :)
Como posso mudar o azul do botão, tipo quero usar a class " hvr-fade" mas quero de outra cor, a propriedade fade ? help
como tiro o azul padrão? e coloco outra cor.
tem como eu instalar isso no netbeans pra fazer a edição dos botões ? estou usando o scenebuilder pra criar as janelas.
Algm pode dar uma ajuda ? criei um menu retratil que o hover funicona certinho qndo esta sozinho - quando adicionei duas divs ,uma box e uma pra um banner no inferior da pagina o efeito hover só funciona no cantinho do icone do menu -descobri que o conflito ta na tag - que usei para fazer as duas outras divs funcionarem / se eu tiro a tag nav para criar a segunda div ( terceira no caso pq meu menu ta usando div=class tbm) uma das divs nao funciona tbm
Muito bom, Parabéns!! :3
Boa noite, como consigo mudar as cores do meu botão com essa biblioteca? Abraço!
+Wellington Santos cria um novo arquivo css, depois nesse novo arquivo chama a classe que tem a cor do botão e altera a cor. Lembrando que a biblioteca hover tem que vir antes para a leitura seguir a herarquia. Abraços ;)
Bacana, muito obrigado pela ajuda! Abraço! e #partiuprogramar
E como faço pra css externo? Tenho um index e ele já está linkado a um css, como faço pra utilizar esses efeitos???
João Pedro Canutto Basta você incluir o link do css externo da biblioteca. E não tem problema, você pode ter dentro de sua pasta "css" mais de um css dentro dela, só não pode ter o mesmo nome, se não entrara em conflito no momento da leitura dos códigos que estão na pasta.
Abraços e sucesso !
Sua aulas são legais para ficar mais legais poderia dar zoom no código ficar melhor para ver o que você digita
rafael vieira O zoom do vídeo ficou pouco? Sem problemas, aumentarei mais nos próximos. Abraços. ;)
Valeu!! aprendendo bastante sobre especificamente css, tenho pouco conhecimento e prática em web, você falou sobre assuntos muito mencionados ninguém explica
hola, como seria posible hacerlo en wordpress? Gracias
fiz o tutorial passo a passo mas não ocorreu nada no efeito botão me ajudem!!
teste
.button {
display: inline-block;
padding: 1em;
background-color: #79BD9A;
text-decoration: none;
color: white;
}
Checkout
mano tira essas musica de fundo! Atrapalha pra porra a aula