Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Геометрические фигуры при помощи CSS

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

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

Итак геометрические фигуры при помощи CSS

Круг

See the Pen CSS shapes – circle by Artem Demo (@artemdemo) on CodePen.

Шести-лучевая звезда

See the Pen BtFuA by Artem Demo (@artemdemo) on CodePen.

Пяти-лучевая звезда

See the Pen CSS shapes – star 5 points by Artem Demo (@artemdemo) on CodePen.

Сердце

See the Pen CSS shape – heart by Artem Demo (@artemdemo) on CodePen.

Инь Янь

See the Pen CSS shapes – yin-yang by Artem Demo (@artemdemo) on CodePen.

Увеличительное стекло

See the Pen CSS shapes – Magnifying Glass by Artem Demo (@artemdemo) on CodePen.

Зачастую наши возможности ограничиваются только нашей фантазией 🙂

Поделиться:
comments powered by Disqus