首先预览在这里:badges.html, 可能有效果的浏览器:
Firefox 3.6b+, Safari 4+, Chrome 3, IE 5.5+
先进浏览器(不包括悲剧opera)应该用到这些CSS特性:
box-shadow物体阴影RGBA Colortext-shadow文本阴影transformCSS transformgradientCSS 颜色渐变
至于IE,用filter试了一下,不是很完美~
we tell browsers what to do
首先预览在这里:badges.html, 可能有效果的浏览器:
Firefox 3.6b+, Safari 4+, Chrome 3, IE 5.5+
先进浏览器(不包括悲剧opera)应该用到这些CSS特性:
box-shadow 物体阴影RGBA Color text-shadow 文本阴影transform CSS transformgradient CSS 颜色渐变至于IE,用filter试了一下,不是很完美~
太酷了,这不就是kiwi的那个demo标志么,哈哈
@wayne, 对的,就是看到那个才想起来的
我决定下次也在css里加上你那样的ascii标志,哈哈
@wayne, 给你个网站 BigText
@fireyy, 其实我也想问这个东西呢…甚好
opera下果然很杯具,你一向如此彪悍阿…一般人遇到这种情况都会直接做成图片的吧?
佩服佩服
@dimlau, 做成图片的话就没了学习的机会了
另外opera 10.5会改善,除了
CSS gradient以外,其他都会跟上@fireyy, 我就是用的10.5,之前10.10更悲剧,貌似直接是横条…
@dimlau, 那应该还好,就是背景渐变色的问题
关键是对比…如果不是看了safari下半透明又渐变的效果,也就不会觉得这么悲剧了
PS。为什么顶上slogan的字体在opera里面也不一样?
@dimlau, 是,字体改成
Arial以后,还是有些许不同,opera的比较扁瘦...tweet CSS Corner Badges - ifireyy...
这个好玩~ 把FF3.5换成Chrome才打得开让我压力很大~
抄之~