CSS-анимация Css3 Webkit :изменение размера прямоугольника div

Я пытаюсь понять, возможно ли воспроизвести метод animateв Jquery, используя анимацию webkit

Предполагая, что у меня есть div 50px на 50 пикселей используя jquery, я могу легко изменить размер и анимировать его с помощью:

$('#mybox').animate({'width':'100px','height':'70px'}, 300) 

// so from 50x50 it animates to 100x70 
// the values 100 and 70 should ba dynamically 
// input so i can create a function (Width,Height) to alter my box

Интересно, как сделать то же самое, если возможно, используя анимацию CSS WebKit

PS. Мне не нужно, чтобы они работали в firefox, это просто проект для Safari/Chrome

7
задан Francesco 13 April 2012 в 16:31
поделиться