How to make arrow in CSS

Published: 14 December 2021
on channel: Masters In Web Design

In this videos you can learn how to make arrows in css

/*CSS*/
body{
margin: 0;
padding: 0;
background: #F1F1F1;
width: 100%;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.arrow-container{
width: 260px;
height: 400px;
background: #D1D1D1;
position: relative;
}
.arrow-container::before{
content: '';
position: absolute;
top: 50%;
left: -15%;
border-top: 20px solid transparent;
border-right: 20px solid #d1d1d1;
border-bottom: 20px solid transparent;
border-left: 20px solid transparent;
}

Watch video How to make arrow in CSS online without registration, duration hours minute second in high quality. This video was added by user Masters In Web Design 14 December 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 7 once and liked it 1 people.