Невероятная техника на CSS Ромы Кортеса (Román Cortés ) заставит вас улыбнуться.
Просто посмотрите пример)...
Рома взял банку колы, сфотографировал ее разворот.
Вот так...
Затем сделал маску банки с градиентом внутри.
Затем написал хитрый CSS код и на выходе получил анимацию перекатывающейся банки колы.
найсли дан
уже не раз натыкаюсь на цсс банку
эти описали подробнее
действительно, все подробно описано.