—»     —»   Создание слайд-шоу на чистом коде CSS
  Раздел: CSS/Style Sheets   Нет комментариев  

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



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

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

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

Совместимость: Все современные браузеры
Веб-сайт: http://www.designmadeingermany.de/slideshow/
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS, слайд-шоу
Опубликовал Mysterious Master   Прочитано (раз): 10084   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц February по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации

















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2019    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
23242526272829
30