LPgenerator - професійна Landing Page платформа для збільшення продажів вашого бізнесу
МАГАЗИН Лендінзі НАВЧАЛЬНИЙ КУРС АКЦІЇ ВІД ПАРТНЕРІВ
Існує безліч псевдо-елементів для налаштування різних компонентів скролінгу. Так само, як і в будь-якому простому елементі HTML, ви можете налаштувати фон, а також змінити кордони. Пунктирні, округлі бігунки смуги прокрутки, з фоном або без - все це тепер легко можна досягти.
Всі ці псевдо-елементи знаходяться у вашому розпорядженні:
Так само, як і зазвичай, ви можете стилізувати псевдо-елементи:
У нашому прикладі, ми зробимо жовтої всю область прокрутки і задаємо ширину в 20 пікселів. Повзунок отримує пунктирні лінії зеленого кольору за зовнішньою оболонкою. Крім того, ми закруглюємо куточки. Тепер, якщо у вас є бажання, ви можете додатково налаштувати смужку в залежності від того, де знаходиться миша під час взаємодії. Псевдо-класи зроблять свою роботу:
Тут нам не вистачає тільки однієї речі, ми не в змозі використати CSS transition для гладких анімаційних ефектів.
Додаткові псевдо класи можуть бути використані для більш комплексної настройки. Наприклад, клас ": inactive-window", який дозволяє вам робити дизайн псевдо-елементів для неактивних вікон, в той час як два класи ": horizontal" і ": vertical" подбають про дизайн для горизонтальних або вертикальних смуг:
УВАГА! Ви використовуєте застарілий браузер Internet Explorer
Даний сайт побудований на передових, сучасних технологіях і не підтримує Internet Explorer 6-ої і 7-ої версії.
