如果你想你的在线分享给人留下深刻的印象，可以考虑用reveal.js。reveal.js是一个制作3D幻灯片效果的插件，它同时应用最新的web技术，来创建漂亮的html演示效果。 reveal.js不依赖其他任何javascript库，是一个独立的javascript插件库。 当然，它应用了最新web新技术，所以需要浏览器对CSS 3D变形的支持，这就意味着在IE下看不到漂亮的动画效果。在safari、chrome、firefox下效果都很好。......
使用css3制作仿Apple.com的导航栏
点此查看demo apple的官网有个相当不错的头部导航，今天我们运用css3的知识，不借助一张图片，来实现类似的效果。 1.会用到的css3知识 text-shadow ：文字阴影 border-radius：圆角 box-shadow：容器阴影 box-shadow: inset ：当增加inset后，表示使用内阴影 gradient ：渐变，渐变的代码还是很多的，幸运的是网上有自动生成渐变的工具，请看CSS3 Gradient Generator keyframes ：这个属性就比较有意思......
使用css3制作带高亮条纹的简单按钮
点此查看demo 使用css3的渐变特性制作带渐变效果的button，明河曾整理成一个合集，有兴趣的朋友可以看《css按钮效果及其教程合集》，今天这个教程在渐变的基础再增强下效果：白色的斜纹效果（斜纹效果貌似韩国的网站应用特别多），不使用图片哦。 1.原理说明 要使用css实现斜纹效果，需要解决几个问题： 1、如何使用css向按钮内部添加内容？ 伪类:before或:after结合content......
html5本地存储localStorage实战（2）
公司网络出问题了，没办法访问国外网站，而RIA之家正好放在国外主机，明河很抑郁，很久没办法更新一篇文章，向各位朋友说声抱歉。 上一篇文章，明河演示了如何使用localStorage本地存储评论信息（用户名、邮箱、站点），今天这篇教程，继续演示localStorage的使用，增加了些难度，实现用户浏览历史记录，就是RIA之家底部的“你曾浏览过的文章”。 点此查看demo 相对于实......
html5本地存储localStorage实战（1）
之前有朋友给明河发邮件，问道新版的RIA之家的“发表评论”和“浏览历史”这二块的记忆是通过cookies实现的吗？如果你使用IE（IE8以下版本）打开RIA之家，就会发现记忆功能失效了！如果是采用cookies一般不存在浏览器差异，显然明河使用了其他方案，这这个方案就是今天明河着重跟大家介绍的：localStorage（html5本地存储方案）。 点此查看demo web本地存储方案总结 本地存储......
css:box-shadow的发光效果
如果用过twitter，你可能已经留意到当输入框获得焦点后，它的边框会有蓝色发光的效果，并且这里运用了transition属性，使得发光效果有很平滑的过渡。本教程将讲述如何运用box-shadow属性来做到这样的效果。 CSS代码如下： input { transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; outline:none; } 这里通过运用transition属性来展现inp......