Slide 39
Slide 39 text
@benmacgowan
.element {
animation-duration: 2.6s;
animation-timing-function: ease-in;
}
.element {
animation: keyframes 2.5s ease-in-out;
}
.element {
transition: width 2.5s cubic-bezier(0.220, 0.505, 0.875, 0.625);
}
$('.element').animate({ 'width': '200px' }, 2500, 'easein');
$.easing.bw = function(x, t, b, c, d) {
ts=(t/=d)*t;
tc=ts*t;
return b+c*(25.8*tc*ts + -78.5*ts*ts + 89.6*tc + -47.4*ts + 11.50*t);
}
$('.element').animate({ 'width': '200px' }, 2500, 'bw');