⚡ 30°/60° ANGLE LINE BUILDER ⚡

100px
150px
150px

📐 Current Line Properties:

Start: (100px, 150px)
Angle: 30°
Length: 150px
Color: #00f3ff

📖 CSS Code for Current Line:

.my-line {
    position: absolute;
    left: 100px;
    top: 150px;
    width: 150px;
    height: 3px;
    background: #00f3ff;
    transform-origin: left center;
    transform: rotate(30deg);
    box-shadow: 0 0 6px #00f3ff;
}

💡 How to Calculate End Point:

endX = startX + (length × cos(angle))
endY = startY + (length × sin(angle))

For 30° line:
endX = 100 + (150 × cos(30°)) = 100 + (150 × 0.866) = 229.9px
endY = 150 + (150 × sin(30°)) = 150 + (150 × 0.5) = 225px