3D куб с помощью только CSS

В браузерах Webkit работает анимация - куб выдвигается.

Верхняя грань куба

Верхняя грань куба нуждается в дополнительном вложенном элементе div для задания правильного угла наклона.

Данная грань также масштабируется, так что размер шрифта уменьшается соответствующим образом.

Левая грань куба

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Правая грань куба

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Верхняя грань куба

Верхняя грань куба нуждается в дополнительном вложенном элементе div для задания правильного угла наклона.

Данная грань также масштабируется, так что размер шрифта уменьшается соответствующим образом.

Левая грань куба

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Правая грань куба

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Верхняя грань куба

Верхняя грань куба нуждается в дополнительном вложенном элементе div для задания правильного угла наклона.

Данная грань также масштабируется, так что размер шрифта уменьшается соответствующим образом.

Левая грань куба

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Правая грань куба

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.