How to use CSS to create flat graphic code
Editor to share with you how to use CSS to create flat graphics code, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!
1. Rectangle
.rectangle {
Width: 250px
Height: 150px
Background-color: # 6DC75F
}
two。 Triangle
.triangleUp {
Border-left: 75px solid transparent
Border-right: 75px solid transparent
Border-bottom: 150px solid # 6DC75F
Width: 0
Height: 0
}
3. Oval shape
.oval {
Width: 300px
Height: 150px
Background: # 6DC75F
-moz-border-radius: 150px / 75px
-webkit-border-radius: 150px / 75px
Border-radius: 150px / 75px
}
4. Crescent shape
.moon {
Width: 150px
Height: 150px
Border-radius: 50%
Box-shadow: 15px 15px 0 0 green
}
5. Leaves
.leaf {
Border-radius: 5px 300px 3px 300px
Background: # 6DC75F
Width: 150px
Height: 150px
}
The above is all the content of the article "how to use CSS to create graphic code". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
