各种形状的文字制作

时间:2009年05月14日作者:愚人码头查看次数:3,307 views评论次数:3

以前在9demo.com上发不过,可是那个域名被和谐了,还有很多人在问我这种心型文字是这么做的,今天重新发布一下,仅供参考。

由于设计稿的变态,需要在爱墙上展示这种文字。如图:

e69caae6a087e9a298-1

当前端开发工程师遇见这样的视觉设计师我觉得沟通已经起不了任何作用了。

从图上看文字的排序是个倒三角,但是文字不可能分散到各个不同的容器里,经过多方求助,腾讯的鬼哥给了一个例子,下面我作了简单的原型:

查看原型:http://www.css88.com/demo/xinText/xinText.html

用这种方法可以制作各种形状的文字,比如心形文字,菱形文字,等等,但是消耗太大了。

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《各种形状的文字制作

如果你读了我的文章,觉得有帮助: 说明
标签:分类:html+css
3条评论
  1. reqiye留言于:2009年05月14日14:59

    果然变态

    [回复]

  2. bujichong留言于:2009年05月15日10:22

    呵呵,你这个和百度那个圆角的效果代码理论上一样,浪费层!!!

    [回复]

  3. 叨叨客留言于:2011年12月07日14:29

    太变态了,呵呵,那么多的层太臃肿了,不值得。

    [回复]

发表评论

*

*