Вертикальное меню с помощью CSS3

Сегодня на сайте RusDigi еще одна практическая статья из раздела CSS3. Статья представляет из себя свободный перевод англоязычной статьи. В статье мы научимся создавать вертикальное...
Сегодня на сайте RusDigi еще одна практическая статья из раздела CSS3. Статья представляет из себя свободный перевод англоязычной статьи. В статье мы научимся создавать вертикальное раздвигающееся меню. Такое меню позволит разместить массу ссылок в небольшом пространстве, а приятная анимация при развертывании украсит ваш сайт. Если вы новичок, то у вас все равно должно все получиться, т.к. мануал достаточно подробный и вы сможете узнать для себя что-то новое из CSS. Для подкрепления знаний по CSS3 вы можете обратиться к циклу статей CSS3 для начинающих. (далее…)

Создаем красивую иконку с помощью CSS3

В этой статье расскажу вам об интересном трюке. Мы создадим иконку для документа с помощью чистого CSS3. Так же плюсом данного метода будет являться то,...
В этой статье расскажу вам об интересном трюке. Мы создадим иконку для документа с помощью чистого CSS3. Так же плюсом данного метода будет являться то, что мы будем использовать всего один HTML элемент. Вот порядок наших действий: мы создадим прямоугольник, закруглим углы, используем псевдо-элементы для создания загнутого уголка, создадим видимость текста с помощью градиента на CSS3. (далее…)

Готовые приемы по работе со свойством border в CSS

Часто возникают вопросы связанные с созданием различного рода границ, с использованием свойства border. Чаще всего используются обычные границы, например, solid или dotted. Сегодня же мы...
Часто возникают вопросы связанные с созданием различного рода границ, с использованием свойства border. Чаще всего используются обычные границы, например, solid или dotted. Сегодня же мы разберем примеры, в которых создадим границы, которые будут выглядеть совсем иначе. Это будут границы с различными эффектами, такими как тени, вдавленность, границы со скосом. Давайте приступим. (далее…)