Несколько фоновых изображений с помощью CSS3 (или технология ближайшего будущего...)
Не секрет, что если вы когда-либо использовали CSS раньше, то сталкивались с ограничением в одно изображение для фона. Это заставляло многих людей изменять свою разметку для размещения элементов дизайна так, как того требовали цели XHTML. Таким образом, получается, один блок DIV содержал в себе всевозможные другие блочные элементы, единственная цель которых была в том, чтобы обеспечить дополнительные фоновые изображения для элементов, которые они содержат. Благодаря трудолюбивым людям в World Wide Web Consortium , CSS3 обещает возможность использования нескольких фоновых изображений в одном элементе.
|
Создание буквицы с помощью CSS
Традиционно в печатных СМИ буквицы создаются подчеркиванием размера, цвета, веса, или стиля первой буквы в первом предложении параграфа. Мы можем легко воспроизвести этот эффект на веб-страницах с помощью CSS: используя псевдо-элемент :first-letter.
|
Стилизация цитаты с помощью CSS (красиво оформляем цитату)
Цитаты могут быть эффективным способом довести информацию до пользователей. Грамотно оформленные, они могут быть прекрасным дополнением на вашем сайте. Самая замечательное то, что большинство людей на самом деле их читает.
|
CSS эффект градиента текста (оформление заголовков без Photoshop)
Вы хотите создать необычные заголовки без Photoshop? Вот простой CSS трюк, чтобы показать вам, как создать эффект градиента текста с помощью изображения PNG (чистый CSS, без Javascript или Flash). Все что вам нужно, это пустой тег в заголовке и применение накладываемого изображения фона, используя CSS-свойство position:absolute.
|
Эффект прозрачности для изображений
Наверняка на многих сайтах вам встречался подобный эффект: изображения как бы затуманены, полупрозрачны, а если навести на них курсор мыши - проявляются во всей красе! Как же сделать такой эффект? Об этом читайте в этой статье.
|
Вертикальное меню с выпадающими пунктами
В этом материале мы будем создавать вертикальное меню с выпадающими пунктами подменю. Структура такого меню будет основана на ненумерованном списке.
|
Создание Mega Drop-Down Menu с помощью CSS3 (Шаг 6: Обработка браузерами и IE6)
Продолжение урока по созданию Mega Drop-down меню, здесь мы рассмотрим обработку данного меню различными браузерами и конкретно IE6.
|
Создание Mega Drop-Down Menu с помощью CSS3
Такие меню часто используются в области электронной торговли или на крупномасштабных сайтах, мега меню становятся все более и более популярными, так как они предлагают эффективное решение для отображения большого количества контента, сохраняя чистоту макета. В этом уроке мы научимся создавать кросс-браузерные, удивительные раскрывающиеся CSS-мега-меню, используя полезные свойства CSS3.
|
|