Shulou(Shulou.com)06/01 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.