Articles of css transições

Como faço para normalizar as funções de Transição CSS3 nos navegadores?

O evento final da transição do Webkit é chamado de webkitTransitionEnd, o Firefox é transitionEnd, opera é oTransitionEnd. O que é uma boa maneira de lidar com todos eles em JS puro? Devo fazer o sniffing do navegador? ou implementar cada um separadamente? Alguma outra maneira que não tenha ocorrido para mim? ie: //doing browser […]

animação de transição css3 em carga?

É possível usar a animação de transição CSS3 no carregamento da página sem usar o Javascript? Isso é o que eu quero, mas no carregamento da página: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html O que eu encontrei até agora Atraso de transição CSS3 , uma maneira de atrasar os efeitos nos elementos. Funciona apenas no foco. CSS3 Keyframe , funciona […]

Eventos de transição CSS3

Existem events triggersdos por um elemento para verificar se uma transição de css3 foi iniciada ou finalizada?

Transição de imagem de fundo CSS3

Estou tentando fazer um efeito “fade-in fade-out” usando a transição CSS. Mas eu não consigo fazer isso funcionar com a imagem de fundo … O CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } […]

Usando CSS para o efeito de fade-in no carregamento da página

As Transições CSS podem ser usadas para permitir que um parágrafo de texto se torne fade-in no carregamento da página? Eu realmente gosto de como parece em http://dotmailapp.com/ e gostaria de usar um efeito semelhante usando CSS. Nota: O domínio já foi comprado e não tem mais o efeito mencionado. Uma cópia arquivada pode ser […]

Use transições CSS3 com fundos gradientes

Eu estou tentando fazer a transição em hover com css sobre uma miniatura para que, em foco, o gradiente de fundo se torne fade. A transição não está funcionando, mas se eu simplesmente alterá-la para um valor rgba (), ela funciona bem. Os gradientes não são suportados? Eu tentei usar uma imagem também, ela não […]

Transições no display: propriedade

Atualmente, estou projetando uma espécie de menu suspenso de mega CSS – basicamente um menu suspenso apenas CSS, mas que contém diferentes tipos de conteúdo. No momento, parece que o CSS3 Transitions não se aplica à propriedade ‘display’ , ou seja, você não pode fazer qualquer tipo de transição de display: none para display: block […]

Como posso fazer a transição da altura: 0; para height: auto; usando CSS?

Eu estou tentando fazer um deslizar para baixo usando transições CSS. O começa em height: 0; . Ao passar o mouse, a altura é definida como height:auto; . No entanto, isso faz com que ele simplesmente apareça, não faça a transição, Se eu fizer isso a partir da height: 40px; para height: auto; então deslizará […]