Web 2.0 – Что нового? Новости интернет проектов

12 Май 2007

Parallax-эффект

cssblast.jpgНа сайте CSSBlast наткнулся на классный пример, демонстрирующий как можно оригинально использовать бэкграунды с применением CSS+JavaScript. Кстати, CSSBlast – отличный ресурс для тех, кто хочет разработать свой собственный web 2.0-проект!

Попробуйте проскроллировать страницу с описанием примера вверх и вниз. Правда не все комбинации скроллинга работают на всех браузерах – например, в Firefox если отключена опция Smooth Scrolling, то кнопки управления скроллингом (кнопки PgUp, PgDown, пробел, стрелки и др.) на клавиатуре работать не будут.

При скроллировании заметьте как двигается задний фон: сам текст двигается с нормальной скоростью, зелёный фон двигается с замедленной скоростью, а облака – наоборот, с убыстренной. Это так называемый “parallax”-эффект (даже не знаю как это на наш великий-могучий перевести :) ). Подобным образом можно делать сколько угодно параллельных слоёв, вернее столько, сколько браузер сможет отрендерить без тормозов… В общем, удивили!

1 комментарий »

  1. Так и будет, параллакс. )

    Комментарий от jeka911 — 13 Май 2007 @ 8:43 пп


RSS-лента комментариев к этой записи. URI для обратной ссылки

Оставить комментарий

Заведите блог на WordPress.com.