How to make arrow in css - arrow in CSS

Опубликовано: 16 Декабрь 2021
на канале: Masters In Web Design

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);
}

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