3D-transform на примере переворота блока

В этом уроке вы научитесь переворачивать блоки на сайте при помощи CSS3. В основе лежат свойства 3D-transform, которые используются для трёхмерной трансформации объектов на сайте. В этом уроке мы будем использовать следующие свойства: perspective - указывает перспективу (отдаление от экрана), задается родителю переворачивающегося блока. Если не задать - то будет просто плоская трансформация. transform-style - включает 3D режим. transform: rotateY - поворот по оси Y (можете попробовать поворачивать оп оси X самостоятельно) backface-visibility - указывает, будет ли видна задняя сторона блока.
Back to Top