sfufoet @ 2006.12.13 , 16:38
5

让Google为你生成圆角图片

  让Google为你生成圆角图片
  现在很多网站、博客都使用了圆角效果。圆角效果让整个页面看起来不会很死板。实现圆角效果,可以直接使用 CSS 特效来实现,也有使用图片实现。cornershop,就是一个自动生成圆角效果网页的自动生成器。

  Zach 就是一个狂热的圆角爱好者,就是 cornershop 让 Zach 变成这样的——他每次在网上看到漂亮的圆角效果总要习惯性地点击右键,查看源代码。他就是想知道那些圆角是用了 javascript, GIF, PNG ,是手工做成的还是自动生成的。

  某次他路过 Google Group 的时候,习惯性地查看源代码。发现 Google 用了这样的链接来自动生成圆角:http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr
你点击上面的链接就看到那个圆角图片了。

  参数解释:
   c 的值代表圆角颜色,你可以使用颜色的名称来表示,也可以使用颜色的RGB代码来表示,不用带 # 符号;
   bc 的值代表圆角的背景颜色;
   w 的值分别代表圆角的宽;
   h 的值分别代表圆角的高;
   a 的值代表圆角所在的方向,tl是左上角,tr是右上角,bl是左下角,br是右下角。

  右图用的参数是这样的:
  c=FF0000   bc=white   w=150   h=100   a=tr

  -_____-
  Google肯定是用了一个椭圆函数来生成圆角图片的。

链接 | 来源

0.0
赞一个 (0)

TOTAL COMMENTS: 5+1

  1. 1442

    火山真强!

    OO [0] XX [0]
  2. sfufoet
    @10 years ago
    1447

    刚刚更新了一个链接:颜色的名称
    本来想链接一个英文颜色的,那个链接只认英文颜色名,但是一堆英文谁有兴趣看啊。还不如看中文的。
    想知道中文颜色对应的RGB值?

    很简单。有QQ,按下默认的截图快捷键 Ctrl+Alt+A,看右上角的提示。
    没QQ?-______-
    有办法,把颜色对应的图片下载下来,用PhotoShop打开……
    没PS?
    可以用取色软件。

    OO [0] XX [0]
  3. sfufoet
    @10 years ago
    1448

    再附上个中英文对照的
    http://blog.kubao.com/article/10939.aspx

    OO [0] XX [0]
  4. 异次元软件世界
    @7 years ago
    261736

    制作圆角倒影图片比PS高手还牛!iRoundPic 傻瓜式图片处理工具…

         大家都知道现在非常流行圆角与倒影的图片处理吧,因为它们总能让图片看起来更时尚更Cool!像小X这样,做异次元的皮肤时也很跟风地将几乎全部的元素均做成圆角的了,…

    OO [0] XX [0]
  5. 猫仙
    @1 week ago
    3263649

    @sein: 对

    OO [0] XX [0]

发表评论


24H最赞