dr.Brain

doctor Brain

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

CSS фигуры: шестиугольник

создаем шестиугольник с помощью CSS

dr.Brain

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

Photo by Matthew T Rader on Unsplash

Мы уже умеем рисовать с помощью CSS базовые фигуры и треугольники. Теперь рассмотрим пару способов создания еще одного не менее интересного геометрического объекта - шестиугольника. Как в первом, так и во втором случае неоценимую помощь в создании равностороннего шестиугольника нам окажут псевдо-классы :before и :after.

5 отличных фреймворков ReactJS

лучшие фреймоворки для ReactJS, которые помогут в разработе проектов

dr.Brain

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

Photo by Joel Drzycimski on Unsplash

Конечно, мы хотим творить и разрабатывать проекты с нуля, разбираясь во всех тонкостях кода и особенностях построения интерфейсов. Но, к сожалению, такой подход отнимает много времени и лишает жизнь разработчика относительного покоя. К тому же, зачастую, значительное количество времени будет потрачено на “изобретение велосипедов” - создание функционала, который уже давно существует.

CSS фигуры: треугольник

создаем треугольник с помощью CSS

dr.Brain

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

Photo by Matthew Harris on Unsplash

В одной из статей мы уже учились рисовать с помощью CSS базовые фигуры. Настало время освоить создание еще одной часто используемой геометрической формы - треугольника. Среди множества способов создания треугольника наиболее распространенным является хак с границами (border hack).

Командная строка: uname

определяем параметры системы с помощью команды uname

dr.Brain

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

Photo by Markus Spiske on Unsplash

Команда uname без каких-либо опций возвращает кодовое название операционной системы.

CSS фигуры: основы

создаем фигуры с помощью CSS (квадрат, прямоугольник, круг, овал)

dr.Brain

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

Photo by Cala on Unsplash

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

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

Далее

Категории

О нас

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