Border Radius – 在线生成 CSS3 圆角代码[Web]

5
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes)
Loading...

CSS3 是样式表语言的最新版本,它的一大优点就是支持圆角。一个新事物的产生总会带来一大批的追随者,但也会存在那么点兼容性问题。 Border Radius 是一款在线应用,可以很方便的生成 CSS3 圆角代码,即时显示效果,并提供 webkit ,Gecko 兼容代码。 @APPINN

Border Radius|小众软件

代码如下:

-webkit-border-radius: 90px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius: 90px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
border-radius: 90px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;

访问地址: 官方网站

已有 5 条评论, 我要留言

  1. 稻米鼠说道:

    我用PIE,需要下载一份文件,然后使用他的代码,完美兼容所有浏览器
    http://css3pie.com/

  2. 老人头说道:

    挺好看的。。。

  3. yeah说道:

    -webkit和 -moz看起来总是这么碍眼
    多了两倍的代码.

    • dongyan说道:

      @yeah, 是的,明明有统一的标准了,但是各个浏览器还是使用自己的标准

  4. 在线工具说道:

    圆角图片生成:http://www.atool.org/roundcorner.php

有不同想法?说说看