如果你想你的在线分享给人留下深刻的印象，可以考虑用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......
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......
4月最好的HTML5和CSS3教程
CSS3跨浏览器验证工具 这篇文章介绍一些帮助写CSS3代码的工具 CSS3按钮 介绍不用图片用纯CSS3创建按钮的教程 简洁时尚的CSS3表单 该教程讲述用一些CSS3的属性创建表单。你可以简单的定制这些样式。 纯的CSS3按钮被按下背景渐变效果 本教程中，讲述只用CSS而不用图片来创建按钮被按下、划过效果和背景渐变效果。在Webkit浏览器中，运用渐变特性‘-webkit-gradient’来创建颜色渐......
Firefox4-前端开发视角
随着IE9的高调发布，firefox4也随之降临。到目前为止，这个版本还是非常受欢迎的，在它发布的第一个24小时之内就超过了700万的下载量。今天，苏河就带大家浏览下firefox4的变化。 类chrome界面 不管是IE9，还是firefox4，可以看到，其界面都越来越chrome化了，其实不存在谁抄袭谁，好的东西大家都要借鉴，用户都喜欢简单实用的东西，苏河很欣慰，浏览器的外观终于统一化，但......