ени скролла

Сверстал тут довольно старый эффект, но вот только на чистом CSS.

Изначально делал с враппером и двумя лишними псевдоэлементами и box-shadow, но потом чуть подумал и реализовал только на одном блоке — с помощью радиальных градиентов.

У метода есть некоторое число ограничений: фон должен быть сплошным (хотя, если взять background-attachment: fixed…), блок должен иметь определённое позиционирование, но в остальном — метод довольно ударопрочный. Если делать не через CSS-градиенты, а используя обычные изображения, то метод должен будет заработать и в IE, но я не проверял.

Update: Lea Verou обновила мой эксперимент использовав background-attachment: local. Подробности можно прочитать в её посте.

Опубликовано с метками:

Спасибо Fev за иллюстрацию.