Онлайн генератор (тренажер) для лучшего понимания перспективы в CSS3 (transform: perspective)

Скачать

CSS3 Perspective Playground — это онлайн шпаргалка для более наглядного изучения трансформации и перспективы в CSS3 (свойство transform: perspective) от Mehmet Burak Erman.

Данное свойство задает перспективу в трехмерном пространстве, создавая для пользователя иллюзию глубины. То есть элемент выглядит словно он находится где-то в объемном пространстве, прямые углы кажутся совсем не прямыми, то что находится ближе к нам — будет казаться больше, а то, что находится дальше будет выглядеть меньше.

Впрочем, хватит теории, думаю, вы ее уже знаете… В начале этого поста есть демо версия данной шпаргалки, и вы сами в онлайн режиме можете поиграть с этими свойствами, чтобы лучше понять их работу.

При желание, вы можете скачать исходный код Скачать или перейти на сайт codepen.io, где и найдено было это «чудо» ))

See the Pen CSS3 Perspective Playground ✨ by Mehmet Burak Erman 🦌 (@mburakerman) on CodePen.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *