How to use CSS3 to achieve repetitive Radial gradient effect
This article will explain in detail how to use CSS3 to achieve repetitive radial gradient effect. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.
The code example is as follows:
Example of CSS3 creating a repetitive radial gradient effect
.container {
Text-align:center
Padding:20px0
Width:960px
Margin:0auto
}
.containerdiv {
Width:200px
Height:150px
Display:inline-block
Margin:2px
Color:#ec8007
Vertical-align:top
Line-height:230px
Font-size:20px
}
. repeating-radial {
Background:repeating-radial-gradient (# 4b6c9c, 5ac4ed5px, 5ac4ed5px, fff5px, fff10px)
}
Repeat radial gradient
This is the end of this article on "how to use CSS3 to achieve repeated radial gradient effects". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.
