Articles of css transições

Por que meu Transform retrocede?

Estou tentando fazer com que meu elemento fique no local (após a transição). No momento, o local traduzido é onde eu quero, mas meu nome volta para a citação. Estou faltando um pedaço de código ou há um pedaço de código que está fazendo esse snap acontecer? .blockquote { font-family: “Open Sans”, Verdana, Arial, sans-serif; […]

o que é mais rápido? Transições CSS3 ou animações jQuery?

Estou trabalhando em um aplicativo HTML5 para iPad e já implementei suporte ontouch para acionar events mais rapidamente e estou usando o jQuery para segmentar os elementos mais facilmente, mas para as animações que estou usando as transições CSS3 O que você acha que é mais rápido? Usando animações jQuery desde que eu já tenha […]

Efeito de focalização: expanda a borda inferior

Estou tentando obter um efeito de transição na borda que a borda expande em foco. h1 { color: #666; } h1:after { position: absolute; left: 10px; content: ”; height: 40px; width: 275px; border-bottom: solid 3px #019fb6; transition: left 250ms ease-in-out, right 250ms ease-in-out; opacity: 0; } h1:hover:after { opacity: 1; } CSS IS AWESOME Eu […]

CSS 3 slide da transição à esquerda

Existe uma solução cross-browser para produzir uma transição slide-in apenas com CSS, sem javascript? Abaixo está um exemplo do conteúdo html:

Retorno de chamada na transição de CSS

É possível obter uma notificação (como retorno de chamada) quando uma transição de CSS foi concluída?

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 […]