文章关键字 ‘字符’

CSS3 @font-face实现颜色大小可控的三角效果

2011年11月19日,星期六


本文介绍如何使用CSS3 @font-face实现颜色可随意控制,大小可随意控制,支持CSS3文字阴影和文字渐变效果,与文字等天然对齐且兼容性良好的三角的实现。可以说是本月比较重量级的文章,配以大量的截图示意。提供必要的demo页面以及源代码展示,以及一些字体的下载。不管怎样,希望本文的内容能够对您的学习有所帮助。

阅读全文…

小卖弄:字符上下半截的高亮显示

2011年08月17日,星期三

近日闲适,就随便折腾点东西。本文的内容就比较蛋疼,使用CSS让字符分别上下半截高亮显示。模拟淘宝网排序处的双向排序箭头效果。提供demo页面,必要的截图和源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

小卖弄:开心网标签词观点交互的CSS实现

2011年06月10日,星期五

开心网转帖后面有一个标签式的短评观点交互效果,这种效果的精髓与QQ好友印象是很接近的。但是开心网的实现标签N多,层级也N复杂,且JS实现的交换,并使用了背景图片,缺点多多。本文的内容就是如何使用纯CSS实现类似的效果。本文提供必要的demo页面,页面截图和源代码展示。希望本文的内容能够对您的学习有所帮助。

阅读全文…

web页面相关的一些常见可用字符介绍

2011年05月14日,星期六

世界之大,字符之多。要是真正一个一个去折腾的话,估计折腾到我找到女朋友那天也折腾不完的。本文就简单列举了常见的些字符以及一些简单应用。本文内容全当抛砖引玉,希望可以开启你对字符一点感性的认识,增加一点字符使用意识,同时为web页面制作开阔一点思路吧。
同样的,有截图,有demo,有源代码展示。总之,希望本文的内容那个对您的学习有所帮助。

阅读全文…

纯CSS实现各类气球泡泡对话框效果

2010年03月13日,星期六

边框法复杂应用 张鑫旭-鑫空间-鑫生活

本文的知识点较多,内容也较多,展现了CSS惊人的力量,如果使用纯粹的CSS实现视觉良好,体验上佳的web界面。讲解了“字符法”以及“边框法”,丰富示例,逐层深入,非常细致的讲解了实现的原理,方法,代码,注意点等。
本文提供详尽的插图,丰富的按钮,提供详尽的demo,希望你对您有所帮助。

阅读全文…

告别图片—使用字符实现兼容性的圆角尖角效果beta版

2009年11月6日,星期五

字符既是文字又是图片,所以很多时候我们可以使用字符代替图片实现一些貌似只有图片才能实现的效果,例如,圆角,尖角等。您就可以使用字符实现这类效果。可以优化页面,提高性能。
本文以Google gmail邮箱中字符应用为引子,讨论的字符的一些特性,与图片相比的一些优缺点。而后,以字符+css的方式展示如果使用字符实现圆角效果,如何实现尖角效果。最后拿新浪微博的对话框做实际的实例,演示如何使用字符代替图片,实现几乎同样效果的优化,以展示字符的实际应用性及潜力。
本文提供详尽细致的demo页面,提供源文件打包下载,希望本文的论述能够对您有所帮助。

阅读全文…