Breaking News: Grepper is joining You.com. Read the official announcement!

css make border rotate around element

Lorenzo Satta Chiris answered on January 8, 2021 Popularity 9/10 Helpfulness 3/10

answer css make border rotate around element

related css make border rotate around element

css make border rotate around element

Comment

.b-border{
    display: inline-block;
    position: relative;
    border: solid #333;
    border-width: 1px 1px 0px 1px;
    padding: 20px;
    margin-bottom: 100px;
}
.b-border.border-right{
  border-width: 1px 0 1px 1px;
}

.b-border.border-right:after{
    content: "";
    position: absolute;
    right: -30px;
    border-top: 1px solid #333;
     border-left: none medium;
    top: -1px;
    left: auto;
    width: 30px;
    height: 100%;
    background: linear-gradient(to top left, white calc(50% - 1px), #000 1px, white 50%);
}
.b-border:after{
    content: "";
    position: absolute;
    left: -1px;
    bottom: -15%;
    border-left: 1px solid #333;
    height: 15%;
    width: calc(100% + 1px);
    background: linear-gradient(to right bottom, white calc(50% - 1px), #000 1px, white 50%);
}

Popularity 9/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: border css element

Link to this answer
Share Copy Link

Contributed on Jan 08 2021

Lorenzo Satta Chiris

0 Answers Avg Quality 2/10

Closely Related Answers

css make border rotate around element

Comment

-1

<div class="b-border border-right">
    Hello :)
</div>
<p></p>
<div class="b-border" style="width: 300px;">
    Lorem ipsum dolor sit amet, consectetur 
    Lorem ipsum dolor sit amet, consectetur
    Lorem ipsum dolor sit amet, consectetur
     Lorem ipsum dolor sit amet, consectetur 
     Lorem ipsum dolor sit amet, consectetur 
</div>

Popularity 9/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: border bo

Link to this answer
Share Copy Link

Contributed on Jan 08 2021

Lorenzo Satta Chiris

0 Answers Avg Quality 2/10

css make border rotate around element

Contents

More Related Answers

css make border rotate around element

Closely Related Answers

css make border rotate around element

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.