How to make arrow in CSS

Опубликовано: 14 Декабрь 2021
на канале: 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;
}

Смотрите видео How to make arrow in CSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Masters In Web Design 14 Декабрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7 раз и оно понравилось 1 людям.