Elementor Shapes

 

 

Code snippet for Triangle:

selector{
    --color: #F00161;
    --border: 20px;
}
selector{
    padding: 0 !important;
}
selector .elementor-widget-container{
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}
selector:before,
selector:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: var(--border) solid transparent;
}
selector:before{
    border-left-color: var(--color);
    transform: rotate(30deg);
    transform-origin: bottom left;
}
selector:after{
    border-right-color: var(--color);
    transform: rotate(-30deg);
    transform-origin: bottom right;
}

 

Code snippet for Rotating shape:

selector{
    transform: rotate(30deg);
}