Tag Archives: CSS3

常用的CSS3文字特效

Posted on 2011年06月25日 by Bell

PS：请使用支持CSS3的浏览器，如Chrome、Firefox3.5+、Safari4+、Opera 文字阴影 text-shadow text-shadow是最为简单及常用的效果，而且有很多变换，这里列举一些有代表性的： 1.普通： .text-shadow{ text-shadow:1px 1px 2px #2c5103; color:#60ad0d; } Here is some text effect

Posted in HTML & CSS1,166 views | Tagged , | 1 Comment

使用CSS3阴影制作立体感效果

Posted on 2011年04月21日 by Bell

CSS3非常强大，发挥想象力便可以用它制作出非常绚丽的效果，这里就使用CSS3的两个属性来制作具有立体感的效果。效果图如下：

Posted in HTML & CSS1,462 views | Tagged , | 5 Comments

纯CSS打造Flow-Steps导航

Posted on 2010年11月13日 by Bell

效果图: 几个要点: 1.三角箭头效果是用border实现的,详细的可以google下CSS 三角 2.IE6下不支持border-color:transparent(透明),解决方法是先将其设置为一个不常用的颜色,然后再用IE的滤镜将其透明化(Demo中有注释)

Posted in HTML & CSS841 views | Tagged | Leave a comment

[转]如何为 iPad 打造速度超快的 HTML5 软件

Posted on 2010年06月23日 by Bell

有一个为 iPad 设计的用来查时区的 HTML5 软件 everytimezone.com 最近引起了一些注意。它简单、到位，可以离线使用，并且速度极快。由于 HTML5 软件本质上只是一个网页，故不需要通过苹果的 App Store 商店发行，用户只要用 iPad 访问 everytimezone.com，然后将书签存到桌面，下一次打开就变成了一个与原生软件几乎无异的东西。everytimezone.com 的作者托马斯·富赫是资深 JavaScript 专家，也是 JavaScript 框架 Prototype 的核心开发者之一。他近日在博客上撰文传授了如何保证 HTML5 软件在 iPad 上飞速运行的七条秘诀，特翻译如下。—— 编者 一、少用图片 一开始，为了做出用来表示各个城市的每一天的那种渐变效果，我们用了一套相当复杂的 -webkit-gradient，结果发现这会令转译速度变得非常非常慢。-webkit-gradient 的工作方法是构建位图，对于浏览器的转译引擎来说，这和从外部加载图片（例如一张 PNG）是完全一样的。MobileSafari 显示图片速度之慢是出了名的（希望 4.0 对此有所改进），要解决这个问题，基本上只能不用图片和 -webkit-gradient。

Posted in HTML & CSS, Javascript1,474 views | Tagged , | 1 Comment

Dreamweaver CS5 HTML 5 扩展包下载

Posted on 2010年05月20日 by Bell

今早Adobe Labs 放出了 Dreamweaver CS5 的 HTML5 扩展包 HTML5 扩展包得的新特性： 多屏幕预览面板，适用于同时为不同设备开发 HTML 应用 支持对 HTML 5 新增的标签库的代码提示 支持对 CSS 3 代码提示 增加 Video 和 Audio 标签的实时预览 改进 CSS 3 实时预览效果 改进设计视图下对 HTML 5 新增标签的渲染效果

Posted in HTML & CSS, Software1,125 views | Tagged , , | Leave a comment
Pages: 1 2 3 Next