Lecaw

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

 
 

Применение CSS 3D transform, может придать дополнительный реализм к обычным веб-элементам. Мы поэкспериментировали с некоторыми простыми веб-сайтами ресторанов и придумали интересное 3D меню ресторана (реальное меню, не "веб" меню). Результат - это шаблон веб-сайта ресторана, в котором присутствует наше 3D меню ресторана. Щелчок по объединенным элементам покажет модальное наложение, содержащее дополнительную информацию.

(560)
(3)

В этом учебном руководстве я покажу вам, как создать горизонтальное выпадающее меню с эффектом прокрутки на css. Я буду использовать только CSS, а именно - псевдо-элемент :after с пользовательским атрибутом. Убедитесь, что вы используете современный браузер с поддержкой CSS переходов и нажмите на кнопку ниже, чтобы увидеть демо-версию.

(764)
(2)

При помощи некоторых усовершенствованных селекторов, выпадающее горизонтальное меню можно легко создать только лишь на CSS. Добавьте несколько необычных свойств CSS3 и можете разработать такой проект, который создается только при помощи фоновых изображений и Javascript. Просмотрите это руководство, чтобы увидеть пошаговый процесс создания собственного выпадающего меню на чистом CSS.

(1884)
(7)

В этом учебном руководстве я покажу, как создать анимированное 3D горизонтальное меню на CSS(с изображениями). Мы будем использовать эффекты CSS3 такие как perspective, box-sizing, transforms, gradients и CSS transitions. Можете использовать это меню, чтобы придать профессиональный вид вашему веб-сайту. Для того чтобы увидеть это меню нужно навести курсор мыши на верхнюю часть страницы.

(408)
(0)
Страница 4 из 6