Красивые кнопки для сайта. Часть 3
Очередная коллекция красивых эффектов для кнопок на сайте, созданных с помощью анимации теней, псевдоэлементов и иконок.
Красивые кнопки для сайта. Часть 4
В примерах к уроку используется шрифт Montserrat и иконочный шрифт Linearicons.
Эффекты при наведении CSS
Здесь собрана подборка эффектов при наведении (hover) с примерами. Эффекты при наведении на картинку CSS Эффекты при наведении на текст CSS Эффекты при наведении на ссылку CSS Эффекты при наведении на блок или кнопку CSS
Генератор кнопки CSS (button)
Генератор кнопки поможет вам разработать и научиться создавать кнопки CSS3. Используя этот генератор, вы сэкономите время и силы при создании идеальной кнопки CSS для вашего сайта.
Генератор границ блока CSS (border)
Простой генератор границ для блока CSS, в котором вы можете выбрать необходимую ширину границы, ее прозрачность, стиль вашей границы, а так же этот генератор пригодиться в случае, когда надо сделать всего одну границу с нужной вам стороны.
Генератор градиента CSS
Простой генератор для создания градиента, настроить можно столько цветов, сколько необходимо, можно так же отредактировать движение каждого цвета и создать интересные и уникальные градиенты.
Генератор тени для текста CSS (text-shadow)
Генератор для создания тени для текста CSS. Можно выставить необходимые параметры, поменять цвета текста, фона и самой тени, скопировать получившийся код и вставить его в файл стилей CSS.
Генератор тени CSS (box-shadow)
Генератор для создания тени для блока CSS. Можно выставить необходимые параметры, использовать как внешнюю тень, так и внутреннюю, поменять цвета блока, фона и самой тени.
Генератор цвета HTML
Сервис для выбора цвета, чтобы вставить его в файл CSS, или в любое другое нужное место. Для удобства можно посмотреть, как будет смотреться текст на выбранном фоне, а так же текст уже окрашенный в цвет. В окошке ниже можно выбрать … Continued
Адаптивные изображения
В данной статье мы изучим концепцию гибких (responsive) изображений — таких, которые отображаются хорошо на устройствах с сильно отличающимися размерами экрана, разрешением, и другими характеристиками — и рассмотрим инструменты, которые имеются в HTML для их реализации.