Стильова властивість clip-path — це спосіб відмовитися від одноманітних прямокутних макетів, які традиційно асоціюються з плоским, адаптивним дизайном. Ви будете думати не тільки про прямокутники, на ваших сторінках вони буквально почнуть набувати форми шестикутників, зірок і восьмикутників. то вже немає межі фігур, які ви можете створити, просто змінивши кілька значень. Хоча в центрі уваги цього посібника знаходиться clip-path з використанням багатокутників у CSS, всі демонстрації підтримують покажчик на вбудований SVG для отримання додаткової підтримки Firefox. Створення адаптивної фігури на SVG стає тривіальним після того, як ви створите адаптивну фігуру за допомогою clip-path.
Оригінал: karenmenezes.com/shapes-polygon.