Круглое социальное меню
Сделаем круглое социальное меню в котором не используются изображения. Иконки социальных сервисов берутся из специального шрифта.
Сделаем круглое социальное меню в котором не используются изображения. Иконки социальных сервисов берутся из специального шрифта.
Выпадающее меню с вкладками. Переключение вкладок и отображение всплывающих окон будет делать jQuery.
Горизонтальное выпадающее меню, фишка которого состоит в том, что выпадающие блоки могут изменять цвет на тот, по какому из цветных квадратиков вы щелкните мышкой. При этом смена цвета реализована на CSS, а не на jаvascript.
Очередные элементы загрузки сделанные только на CSS3. Изображения в трех приведенных примерах не используются.
Сделаем необычные кнопки с использованием только одного тега ссылки, и конечно же благодаря CSS3.
Поговорим о создании очень симпатичных таблиц для показа, в нашем случае, хостинг-тарифов. Применен очень интересный эффект при наведении на тарифный план, созданный с помощью CSS3 transition. Цвета, шрифт можно настроить в CSS, поэтому приспособить такую таблицу на сайт не составит труда.
Минималистичная фотогалерея на jQuery. Её можно использовать для показа своих работ или в качестве фотоальбома. А с помощью меню, можно сортировать фото/работы по категориям. Галерея кроссбраузерная, что позволит без труда адаптировать её под ваш сайт.
Два варианта поисковых форм, которые позволяют сэкономить пространство на вашем сайте. При клике форма расширяется для ввода текста. Используется только CSS3.
Симпатичные CSS3 кнопки, которые при наведении на них изменяют свою форму.
Выпадающее меню на CSS3 сделанное на базе UI созданного Владимиром Кудиновым.
Два варианта создания хлебных крошек с использованием CSS3. Работает в Firefox 3.0+, Chrome 5+, IE9, Safari 4+, Opera 11.
Рассмотрим, как можно красиво оформить таблицу с помощью CSS3. Благодаря новым селекторам появляется возможность создать уникальный стиль без добавления дополнительных классов разметки.