Lecaw

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

CSS

Большинство статей в этой категории основаны на CSS3. CSS3 - следующий шаг в развитии каскадных таблиц стилей. Он много нам обещает и, судя по всему, действительно будет прорывом для веб-дизайна. Если, конечно, опять не подкачают разработчики браузеров.

Сегодня я хочу рассказать Вам про еще один 3D-эксперимент: 3D CSS галерея в виде комнаты. Идея состоит в том, чтобы создать реалистичную выставку изображений с использованием CSS 3D transforms. Изображения "повешены" вдоль стены, которая будет заканчиваться спустя определенное количество изображений. Как только дойдем до конца стены, будет происходить вращение и мы будем перемещены к следующей стене с другими изображениями. Чтобы добавить реальное ощущение пребывания в комнате, создадим только четыре стены. У каждого изображения будет тег title, используем небольшой размер шрифта и при нажатии на описание, отобразим полно размерное изображение в нижней части.

Привет друзья! На сей раз, мы переходим к разговору о чем-то более практическом, чем кнопочные переключатели: выпадающий список на CSS. Цель этого учебного руководства - создание стильного выпадающего списка на CSS, без использования изображений. Для правильной работы мы добавим небольшую строчку JavaScript.

 
 

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

 
 

Вы когда-нибудь использовали плагины аккордеона в своих проектах!? Я думаю, что да и большинство из них работают на javascript (или jQuery). Обычно мы используем такие jQuery плагины аккордеона, чтобы создать объявление с изображениями, небольшую фотогалерею или для создания рекламы со списком характеристик продукта. Мы провели небольшое исследование и пришли к выводу, что не всегда удобно использовать скрипты для создания jQuery аккордеона. Попробуем использовать возможности CSS3.

 
 

В настоящее время мало кто использует тонкие узоры, поэтому я подумал, а что если их использовать в кнопках? В этой статье я покажу Вам, как сделать CSS кнопку.

 
 

Некоторое время я провел с новыми свойствами CSS (CSS3). Это невероятная площадка для творчества. Особенно я люблю разрабатывать и создавать элементы UI такие, как css кнопки и переключатели. В этом учебном руководстве я покажу, как создать кнопочные переключатели на CSS, без JavaScript.

Страница 10 из 18