[Перевод] «Hero Image» — баннеры в параллаксе
|
|
Четверг, 26 Февраля 2015 г. 14:38
+ в цитатник
С CSS 3D Transforms у вас есть безграничные возможности. Но могущество влечет за собой ответственность. Вы будете сталкиваться с ситуациями, когда вы сможете воспользоваться всеми трехмерными преимуществами CSS. Однако в большинстве проектов вы сможете лишь слегка приукрасить некоторые вещи.
Сегодняшнее сокровище – это эффект, который завоевывает все большую популярность и создается за счет 3D Transforms. Благодаря этому мы поместили несколько изображений на ось z, после чего использовали мышь в качестве ложной трехмерной камеры, таким образом, чтобы перспектива изменялась при передвижении курсора мыши. На самом деле в этом случае мы поворачиваем изображение в трехмерном пространстве в соответствии с положением мыши.
Демо
Читать дальше → http://habrahabr.ru/post/251591/
Метки:
Блог компании PAYSTO
CSS
Веб-дизайн
параллакс
hero image
-
Запись понравилась
-
0
Процитировали
-
0
Сохранили
-