Что мы делаем

.category[data-side-direction="%index%"] .category-inner { -webkit-transform: translateZ(-%distance%); transform: translateZ(-%distance%); } .category[data-side-direction="%index%"] .category-face { -webkit-transform: translateZ(%distance%); transform: translateZ(%distance%); } .category[data-side-direction="%index%"] .category-hover { -webkit-transform: rotate%axis%(%angle%) translateZ(%distance%); transform: rotate%axis%(%angle%) translateZ(%distance%); } .category[data-side-direction="%index%"] .category-wrapper:hover .category-inner { -webkit-transform: translateZ(%distance-hover%) rotate%axis%(%angle-hover%); transform: translateZ(%distance-hover%) rotate%axis%(%angle-hover%); }
empty3
empty2
emrty4
empty1