Download - 7Masters CSS | CSS e UX, por Raphael Fabeni
conferenciacssbrasil.com.brmeetup.com/CSS-SP
@keyframes show-item { from { opacity: 0; } to { opacity: 1; } }
@keyframes increase { from { max-height: 0px; } to { max-height: 100px; } }
@keyframes entering-x { 0% { transform:translateX(-100%); } 100% { transform: translateX(0); } }
@keyframes show-color-item { 0%, 80% { background: purple; } 100% { background: gray; } }
melhor que position
http://bit.ly/css-list-ux
.new { animation: increase .3s ease both, show-item .4s ease .1s both,
http://bit.ly/css-list-ux
.new { animation: increase .3s ease both, show-item .4s ease .1s both, entering-x .7s cubic-bezier(0.680, -0.550, 0.265, 1.550) .1s both,
http://bit.ly/css-list-ux
.new { animation: increase .3s ease both, show-item .4s ease .1s both, entering-x .7s cubic-bezier(0.680, -0.550, 0.265, 1.550) .1s both, show-color-tem 2s ease both;}