Архив метки: CSS3 для начинающих
CSS3 для начинающих. Часть 6.2. Кнопки в стиле BonBon
После продолжительного перерыва продолжим изучать CSS3. Сегодня речь пойдет о том как создать кнопки в стиле BonBon (конфетки такие вкусные) на CSS3. Кнопки будут разных размеров, цветов, форм и т.д. Но при всем этом они имеют достаточно минималистичный дизайн, что позволяет использовать их почти на всех сайтах. Напоминаю, что это статья из цикла CSS3 для начинающих. А примеры можно посмотреть на демо сайте http://css3demos.rusdigi.org.
CSS3 для начинающих. Часть 6.1. Кнопки на CSS3
Очередная статья из цикла CSS3 для начинающих. Речь сегодня пойдет о кнопках. Мы привыкли, что кнопка — это набор картинок. Первая картинка создается для кнопки в спокойном состоянии, вторая для состояния когда курсор мыши наведен на кнопку и третья — при нажатии на кнопку. Таким образом для каждой кнопки приходиться рисовать 3 картинки. С развитием и внедрением CSS3 мы можем избавиться от всего этого и делать кнопки легко и непринужденно, используя только стили CSS. Сегодня мы займемся созданием простых кнопок разного размера и цвета.
CSS3 для начинающих. Часть 5.2. Боксы на CSS3
И вновь продолжаем изучать CSS3 с циклом статей CSS3 для начинающих. Сегодня мы разберем создание так называемых боксов с помощью CSS3 без использования изображений. Можно с уверенностью сказать, что боксы которые мы сегодня сделаем прекрасно отображаются во всех браузерах за исключением IE. Поэтому если вы до сих используете Internet Explorer — смените браузер. Итак, перейдем к нашей статье.
CSS3 для начинающих. Часть 5.1. Drop-shadow — простые примеры
Хотя сегодня и первомай, продолжаем цикл статей CSS3 для начинающих. Жаль, что погода не задалась — к обеду пошел дождь и выезд на шашлыки отложили. Но ничего. Вместо этого у нас появилась возможность продолжить знакомство с CSS3. Речь пойдет о drop-shadow — свойство CSS3 позволяющее создавать различные тени, без использования изображений. На данный момент поддержка реализована в следующих версиях браузеров: Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+.
CSS3 для начинающих. Часть 4.2. 3D ленты
Продолжаем изучать CSS3 с циклом статей CSS3 для начинающих. Сегодня продолжение четвертой части. Речь пойдет о создании 3D лент с помощью CSS3.
CSS3 для начинающих. Часть 4.1. Подсказки. Меню.
Сегодня я начинаю четвертую часть цикла статей CSS3 для начинающих. В этой статье мы рассмотрим различные способы работы с меню, которые стали доступны с введением CSS3, а так же рассмотрим создание всплывающих окон с подсказками, создание закладок на чистом CSS и создание эффекта закругленных лент. Итак, приступим.
CSS3 для начинающих. Часть 3.1. Красивая типографика для сайта с помощью CSS3.
Сегодня, заполняя затянувшуюся паузу в выпуске статей по CSS3 решил перевести очень интересный туториал. Суть его — создание правильной красивой типографии для сайта. Если в предыдущей части цикла статей CSS3 для начинающих мы разобрали возможности по работе с текстом, то сегодня мы объединим полученные знания и создадим демо страницу, на которой применим полученные знания.
CSS3 для начинающих. Часть 3. Текст в CSS3.
С небольшой задержкой, но все-таки продолжаю цикл статей CSS3 для начинающих. Сегодня речь пойдет о тексте в CSS3. Эффект вдавленного текста, 6 эффектов с использованием теней, эффект обводки текста. Поворот текста. Эффект выезда пункта меню при наведении. Стилизация выделения текста. Все это будет в этой статье.
CSS3 для начинающих. Часть 2. Бэкграунды (фоны) и границы
Сегодня вторая часть курса CSS3 для начинающих. Речь сегодня пойдет об оформлении фонов и границ с помощью CSS3. Вы узнаете как создавать закругленные границы, закругленные границы с картинкой. На конкретных примерах вы сможете увидеть реализации данных свойств.
CSS3 для начинающих. Часть 1. Введение в CSS3. Основные понятия
Сегодня первый пост из серии CSS3 для начинающих. Пост носит ознакомительный характер и призван познакомит новичков с самой идеей разработки и применения CSS3. Будут даны основные понятия, показаны некоторые примеры реализации отдельных свойств.