Lecaw

Учимся создавать Web-сайты

Сегодня я хотел бы показать Вам, как создать хороший исчезающий css слайдер. Я использую эффект исчезновения при переключении между слайдами. Также Вы можете использовать промо текст для каждого слайда. Что бы сделать этот слайдер, будем использовать в основе UL-LI ненумерованный список. Мы не должны щелкать что бы переключать слайды, все должно происходить автоматически (css3 анимация).

(411)
(4)

В этой обучающей программе мы создадим слайдер при помощи "Nivo Slider jQuery Script" и CSS3. Мы будем использовать "Nivo Slider jQuery Script", потому что это - мощный инструмент, и он доступен для каждого. Этот скрипт имеет 16 эффектов перехода. Вы можете использовать его где угодно и для любого вида проекта, включая личные и коммерческие веб-сайты и темы, которые Вы создаете. В этой обучающей программе мы создадим слайдер, который Вы можете найти у Futurico UI Pro сделанный Vladimir Kudinov.

(1033)
(2)

Разве вы не заметили, что появилось много сайтов с эффектом параллакса? В основном, это несколько слоев смещающихся  при помощи некоторого действия. И сегодня, мы применим этот эффект для вертикального слайдера. Мы не будем использовать JavaScript, только чистый CSS3.

(596)
(0)
Страница 3 из 3