2916 5 Animações em CSS animacoes em css 2012-06-26 19:07:33 2012-06-26 20:19:55 Há 2 modos de fazer animações com CSS: - via [http://www.w3schools.com/css3/css3_animations.asp @keyframes e animations] - via [http://www.w3schools.com/css3/css3_transitions.asp transitions]. Em ambos os casos usa-se uma propriedade de [http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp timing-function] que regula a velocidade inicial, média e final das animações, que é baseada em [http://pt.wikipedia.org/wiki/Curva_de_B%C3%A9zier cubic Bézier]. Cubic Bézier é uma curva no espaço bidimensional (para este caso) que depende de 4 pontos. No CSS, ele recebe 4 parâmetros, mas eles não são os 4 pontos! Eles são os pares (x,y) dos dois pontos do meio! O primeiro sempre é (0,0) e o último sempre é (1,1). [http://www.roblaplaca.com/examples/bezierBuilder/ Isso fica fácil de entender visualmente aqui.] Veja também: - [http://www.the-art-of-web.com/css/css-animation/ um site show de bola com animações espetaculares só com CSS]; - [http://daneden.me/animate/ um pacote de animações prontas]. 1 0 0 0 0 categ técnico 1 categ links 1 assunto web design 1