摘要： 本文转自：http://www.html5cn.org/article-596-1.html在过去，我们都是使用图片或者JavaScript来实现漂亮的按钮效果，随着越来越多的浏览器对CSS3的支持和完善，使用CSS3来实现美观的按钮已没有太多的障碍。今天，本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。BonBon ButtonsZardiCSS3 Buttons With Simple MarkupFancy Buttons10 Nice CSS3 ButtonsCSS3 Animated Bubble ButtonsSuper Awesome Buttons with CS. 阅读全文

摘要： 在线演示本地下载今天我们介绍HTML5的拖拽功能。基本目前所有的现代浏览器(Firefox，Chrome，Safari，或者Opera)都支持这个实用的功能。这意味着我们可以考虑在我们的项目和网站中使用这个功能。更重要的是代码编写非常简单。我们这里将使用拖拽API开发一个图片的分组排序功能 ，希望能够给大家比较直观的使用感受。希望大家喜欢！HTML标签<div> <div id="drop_1" droppable="true"><h2>Album 1</h2></div> <div id 阅读全文

摘要： HTML5 为拖放行为提供了Drag & Drop API，Drag代表拖动，Drop代表放下。用于方便的处理这类事件。相较于以前需要用javascript来进行且需要对不同浏览器的各种版本进行不一样的写法而言，拖放的API无疑是开发者的福祉。下面是我学习的笔记。尽管如此目前还是有各种浏览器可能不支持拖放API所以在使用拖放API之前先判断该浏览器是否支持。调用modernizr.js文件，Modernizr是为HTML5而生的开源js库，他能检测HTML5和CSS3的每一个新特性。到http://www.modernizr.com/下载相应的js文件，具体使用方法可以参考http:/ 阅读全文

摘要： 本文转自:http://qianduan-notes.diandian.com/CSS3_boxReflect现在看到不少网站都用上了html5、css3的新特性，用这些新特性给页面确实丰富了不少效果，圆角投影渐变啥的对工作的效率也超级给力，像过去都得用图片来实现的效果现在简单的代码即可轻松实现，让复杂的工作一下变的快捷了许多，并且有些看上去的效果犹如是flash动画做出来的般，看了都让人激发下好奇心马上看看源代码学习下这是怎么实现的，下面也就聊聊用CSS3做的倒影效果。先上两张截图：不晓得大家看出这两个图有啥共同点，没错，这聊的是倒影自然就是标题都有用倒影的效果。（貌似设计师都爱这效果，哪. 阅读全文

摘要： 尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如果你最近在设计网站，你很难能脱离它们。但是，隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性，但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视)，但是其它的属性应该得到更多的认可。最伟大的财富隐藏在Webkit的下面，而且在iPhone、iPad和Android apps的时代，开始了解它们会灰常有用。就连Firefox等使用的Gecko引擎，也. 阅读全文