Your Angular Shape

Interpretation of Your Shape:

From your angle notation, I'm interpreting this as a 5-sided angular technical shape with:

Top edge: 0° horizontal line
Right side: Two diagonal segments at -60° and 60°
Middle: Another 0° horizontal line
Left side: A -60° diagonal completing the shape

CSS clip-path Coordinates (my guess):

clip-path: polygon(
    20% 0%,    // Top left - start of first 0° line
    80% 0%,    // Top right - end of first 0° line
    100% 30%,  // -60° diagonal down-right
    80% 60%,   // Middle 0° horizontal right
    100% 90%,  // 60° diagonal down-right  
    80% 100%,  // Bottom right corner
    20% 100%,  // Bottom left corner
    0% 70%,    // -60° diagonal up-left
    20% 40%,   // Middle 0° horizontal left
    0% 10%     // Closing back to start
);

Question: Is this close to what you're describing? The specific shape you mentioned with "shifting top lines of a hexagon" - could you describe the exact sequence of lines or draw it with simple text coordinates?