2014-03-04 48 views
1

我想用CSS的帮助制作一条曲线。 我是这个领域的新人,所以请帮助我。 这里是我尝试过的来源。我想用CSS3制作一条曲线

.box 
{ 
    left: -10px; 
    border-radius: 0 0 0 25%; 
    transform: skewX(25deg); 
} 
+3

那么,在CSS3兼容的浏览器,这将正常工作。你遇到了什么问题? –

+0

您是指[曲线](http://en.wikipedia.org/wiki/Curve)还是[倾斜文字](http://en.wikipedia.org/wiki/Italic_type)? –

回答

1

尝试......

.circle{ 
width: 100px; 
height: 100px; 
border-radius: 100px; 
border: 3px solid black; 
background-color: green; 
} 
or 


    div 
{ 
-ms-transform: skew(30deg,20deg); /* IE 9 */ 
-webkit-transform: skew(30deg,20deg); /* Chrome, Safari, Opera */ 
transform: skew(30deg,20deg); 
}