How to make arrow in css - arrow in CSS
How to make an arrow in CSS
/*CSS*/
body{
padding: 0;
margin: 0;
background: #FF4545;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.arrow-container{
position: relative;
}
.arrow-container span{
position: absolute;
left: 0;
top: 0;
height: 10px;
width: 100px;
background: #FFF;
display: block;
transform-origin: 4px;
}
.arrow-container span.angle-up{
transform-origin: 96px;
left: 37px;
transform: rotate(45deg);
}
.arrow-container span.angle-down{
transform: rotate(-45deg);
}
Watch video How to make arrow in css - arrow in CSS online without registration, duration hours minute second in high quality. This video was added by user Masters In Web Design 16 December 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 50 once and liked it 1 people.