Той отдавна е много популярни сайтове с т.нар паралакс ефект. Ако не сте чували за паралакс, а не наистина да си представите какво е, с две думи той може да бъде описан като ефект, можете да прелиствате на различните слоеве в различни посоки или с различна скорост. Паралакс е много готино да се справи със създаването на оптичната дълбочината, привличане и задържане на вниманието на посетителя на сайта.
фон-позиция: фиксирана на помощ!
Малко хора знаят, че можете да създадете паралакс ефект с CSS. Вижте, например:
За паралакс ефект, фонови изображения трябва да се поставят в различните елементи. Тези допълнителни елементи трябва да бъдат определени като фон-свързване: фиксиран. Използване на фон-закрепване. поведението и мястото на всеки от фоновото изображение може да бъде променена.
Основният интерес е книгата, която обикновено се предполага, че позицията им е фиксиран по отношение на своята стихия. Това не е нищо ново фантастично, всички знаем как работи. свитъци с потребителя чрез сайта, елементите се движат нагоре и надолу, и фонови изображения също се движат нагоре и надолу.
Всичко това води до създаването на красива паралакс ефект.
Да вземем един много кратък преглед на това как работи на практика:
Бърза проверка код по отношение на подкрепата от браузърите работят по MDN показва на практика глобален съвместимост. В допълнение, той е подкрепен от IE9 и Android 2.1.
За да обобщим
Може да се интересувате да ↓↓↓
- 25 забавни сайтове с паралакс превъртане
- Slider с паралакс ефект с JQuery
- съвременни техники CSS3, за да украсят вашия сайт
- Красив дизайн от падащия списък в CSS3 и JQuery
Приходи онлайн
Популярни статии
Последната част от «CSS # 038; HTML»
Свързани статии