Upgrade to Pro — share decks privately, control downloads, hide ads and more …

5 minutos sobre CSS3 transitions

Avatar for Plataformatec Plataformatec
August 07, 2012
120

5 minutos sobre CSS3 transitions

Avatar for Plataformatec

Plataformatec

August 07, 2012
Tweet

More Decks by Plataformatec

Transcript

  1. Abstract CSS Transitions allows property changes in CSS values to

    occur smoothly over a specified duration. http://www.w3.org/TR/css3-transitions/ o quê? Saturday, August 4, 12
  2. ✔ Performance ✔ Efeitos com “:hover” sem JavaScript ✔ Não

    intrusivas por quê? Saturday, August 4, 12
  3. transition: opacity 0.5s ease, top 0.5s linear; Propriedade cálculo da

    velocidade duração sintaxe Saturday, August 4, 12
  4. </3 prefixos • Chrome/Safari - 'webkitTransitionEnd' • Firefox - 'transitionend'

    • Opera - 'oTransitionEnd' • IE 10 - 'MSTransitionEnd' Saturday, August 4, 12