CSS3 Perspective Playground — это онлайн шпаргалка для более наглядного изучения трансформации и перспективы в CSS3 (свойство transform: perspective
) от Mehmet Burak Erman.
Данное свойство задает перспективу в трехмерном пространстве, создавая для пользователя иллюзию глубины. То есть элемент выглядит словно он находится где-то в объемном пространстве, прямые углы кажутся совсем не прямыми, то что находится ближе к нам — будет казаться больше, а то, что находится дальше будет выглядеть меньше.
Впрочем, хватит теории, думаю, вы ее уже знаете… В начале этого поста есть демо версия данной шпаргалки, и вы сами в онлайн режиме можете поиграть с этими свойствами, чтобы лучше понять их работу.
При желание, вы можете скачать исходный код Скачать или перейти на сайт codepen.io, где и найдено было это «чудо» ))
See the Pen CSS3 Perspective Playground ✨ by Mehmet Burak Erman 🦌 (@mburakerman) on CodePen.