css circle
#circle {
width: 100px;
height: 100px;
background: red;
border-radius: 50%
}
css circle
#circle {
width: 100px;
height: 100px;
background: red;
border-radius: 50%
}
css triangle
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
.arrow-down {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #f00;
}
.arrow-right {
width: 0;
height: 0;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-left: 60px solid green;
}
.arrow-left {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right:10px solid blue;
}
how to make a triangle in css
.triangle{
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid red;
border-width:100px;
}
how to create a shape in css
div {
clip-path: polygon(100% 100%, 100% 100%, 100% 100%)
}
triangle css
#triangle {
width: 0;
height: 0;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-bottom: 30px solid blue;
}
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us