Customizable Hexagon shape made in Webflow

There is a known method of creating a different shapes using CSS clip-path property. Unfortunately, it still not supported by Edge and IE11 browsers.
Here is a method that will let you create highly customizable hexagon shape in Webflow. It can be filled with colors and gradients as well as with images and videos.