CSS – Высота блока относительно его ширины

CSS – Высота блока относительно его ширины

В этой статье разберём, как в CSS можно установить блоку высоту в процентном отношении от его ширины. Применение этой технологии рассмотрим на примере создания карусели (слайдера) Bootstrap из изображений, имеющих различные размеры.
Стилизация текстовых полей формы

Стилизация текстовых полей формы

В этой статье рассмотрим различные варианты стилизации текстовых полей HTML-форм. Сначала создадим базовый вариант оформления input, а затем множество других, дополняя каждый из них небольшим количеством CSS.
Как подключить svg спрайт в файл в html и css

Как подключить svg спрайт в файл в html и css

Есть сгенерированый svg спрайт - sprite.svg c symbol Если вставлять прямо в html, то все подключается отлично Но если подключать из файла (т.е. когда sprite.svg лежит в images) , то не отображается Почему не отображается иконка и как подключить в стили css иконку из спрайта?
Генератор тени блока CSS box-shadow онлайн

Генератор тени блока CSS box-shadow онлайн

При помощи генератора тени CSS можно легко и быстро создать тень для любого элемента страницы html, за исключением текста
Красивые кнопки для сайта.Часть 1

Красивые кнопки для сайта.Часть 1

Необычные эффекты созданы с помощью фоновых заливок, тени блока, трансформаций и псевдоэлементов.
Генератор input checkbox CSS

Генератор input checkbox CSS

Небольшой генератор CSS для стилизации input type checkbox. С помощью этого генератора вы сможете изменять свойства и визуально видеть изменения переключателя. После того, как вы все настроите, вы можете скопировать исходный код CSS и HTML, и использовать его в ваших … Continued
Секреты CSS. Идеальные решения ежедневных задач

Секреты CSS. Идеальные решения ежедневных задач

Гибкий легкий код, соответствующий стандартам — его можно получить, если подойти к проблеме аналитически. Леа Веру познакомит вас с недокументированными приемами, позволяющими найти изящные решения для самого широкого круга задач веб-дизайна. В основу книги легли доклады автора на шестидесяти международных … Continued
Использование CSS-анимации (ru)

Использование CSS-анимации (ru)

CSS-анимации позволяют анимировать переходы от одной конфигурации CSS стилей к другой. CSS-анимации состоят из двух компонентов: стилевое описание анимации и набор ключевых кадров, определяющих начальное, конечное и, возможно, промежуточное состояние анимируемых стилей.
Исчерпывающий путеводитель по тегу iframe

Исчерпывающий путеводитель по тегу iframe

Мы рассмотрим большинство функций, которые предоставляет элемент iframe, и поговорим о том, как их использовать, а также о том, как iframe может быть полезен для преодоления некоторых сложных ситуаций. Наконец, мы поговорим о том, как вы можете защитить свой iframe, … Continued