dr.Brain

doctor Brain

мир глазами веб-разработчика

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

Всего три строки кода позволяют центрировать блок по вертикали

dr.Brain

время чтения 2 мин.

Photo by Kupono Kuwamura on Unsplash

Центрирование элемента неопределенной высоты по вертикали относительно родительского блока - частая проблема начинающих разработчиков. Давайте рассмотрим пример, в котором, не прибегая к flex или table, с помощью всего трех строк кода CSS мы сможем центрировать по вертикали элемент неопределенной высоты с любым содержимым относительно родительского блока.

Учимся создавать фигуры с помощью CSS. Бриллиант

Как создавать относительно сложные фигуры только с помощью CSS свойств

dr.Brain

время чтения 2 мин.

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

Учимся создавать фигуры с помощью CSS. Сердце

Как создавать относительно сложные фигуры только с помощью CSS свойств

dr.Brain

время чтения 2 мин.

Photo by Harry Cunningham on Unsplash

Существуют достаточно сложные и красивые фигуры, которые, при наличии знаний, можно создать, используя только CSS свойства.

GitHunt

Популярные GitHub проекты с открытым исходным кодом в Вашем браузере

dr.Brain

время чтения 2 мин.

Photo by Ke Vin on Unsplash

GitHub - один из самых популярных и общеизвестных сервисов онлайн-хостинга репозитариев, поддерживающих контроль версий. В нем можно найти огромное количество публичных проектов на различных языках программирования.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.