以前在9demo.com上发不过,可是那个域名被和谐了,还有很多人在问我这种心型文字是这么做的,今天重新发布一下,仅供参考。
由于设计稿的变态,需要在爱墙上展示这种文字。如图:
当前端开发工程师遇见这样的视觉设计师我觉得沟通已经起不了任何作用了。
从图上看文字的排序是个倒三角,但是文字不可能分散到各个不同的容器里,经过多方求助,腾讯的鬼哥给了一个例子,下面我作了简单的原型:
查看原型:https://www.html.cn/demo/xinText/xinText.html
用这种方法可以制作各种形状的文字,比如心形文字,菱形文字,等等,但是消耗太大了。
果然变态
呵呵,你这个和百度那个圆角的效果代码理论上一样,浪费层!!!
太变态了,呵呵,那么多的层太臃肿了,不值得。