CSS3的一些应用实例2

css3实现特殊效果图

先上效果图：

接下来是代码：

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>css3应用</title>
 6     <link rel="stylesheet" href="style.css"/>
 7 </head>
 8 <body>
 9     <div class="div2"></div>
10 </body>
11 </html>

1 .div2{
2     border: 10px solid red;
3     border-radius: 50%;
4     background: linear-gradient(to right bottom,
5     transparent 45%,
6     red 45%,
7     red 55%,
8     transparent 55%);
9 }

我是菜鸟一枚，还请各路大神多多推荐一些好资源，好的想法和思路，让我有更多的进步空间。