Главная > CSS/Style Sheets > Создание слайд-шоу на чистом коде CSS

Создание слайд-шоу на чистом коде CSS


7 марта 2011, 16:25. Разместил: Mysterious Master
Design Made In Germany – это интересный веб-сайт, на котором можно найти креативные работы немецких агентств и дизайнеров, которые делятся своими проектами. На этом сайте нам повстречалась интересная статья о разработке слайд-шоу на чистом коде CSS.
В нём реализован красивый эффект скольжения, которые работает во всех современных браузерах, но и также отлично отображается в более старых версиях, используя параметр CSS3 – transition и функцию tanslateX от параметра transform.

Создание слайд-шоу на чистом коде CSS

Каждой странице присваивается собственный URL посредством хэш-тэгов для создания прямых ссылок и для того, чтобы избежать путаницы в истории.
Тем не менее, на сайте не было предложено обучающей статьи, хотя исходный код слайд-шоу довольно прост, и вы без труда сможете в нем разобраться.
Не забудьте отметить мета тэг name="viewport", который используется для мобильных браузеров.

Совместимость: Все современные браузеры
Веб-сайт: http://www.designmadeingermany.de/slideshow/
Вернуться назад