CSS3打造的精美效果

Nexpro · Jul 5, 2014 · ccd01cb · ccd01cb
1 parent 4f5fd36
commit ccd01cb
Showing 1 changed file with 76 additions and 0 deletions.
diff --git a/HTML5/CSS3打造的精美效果.md b/HTML5/CSS3打造的精美效果.md
@@ -0,0 +1,76 @@
+#CSS3打造的精美效果
+
+###1-Quickly Build a Swish Teaser Page With CSS3
+
+这个教程告诉你使用CSS3快速构建一个时髦预告页面,提示你的网站还有多少天完成
+
+![](http://bbs.html5cn.org/data/attachment/forum/201212/14/134429e0e04zzleare0lss.jpg)
+
+[点这里看源码](https://github.com/qiwsir/BitJSCode/tree/master/Archive)
+
+###2-How to Create Accordion Menu in Pure CSS3
+
+在本教程中，我们将学习如何创建一个纯CSS3手风琴菜单
+
+![](http://bbs.html5cn.org/data/attachment/forum/201212/14/134430owvaoaovtx34kumv.jpg)
+
+[点这里看DEMO](http://designmodo.com/demo/css3accordionmenu/)
+
+###3-Button Switches with Checkboxes and CSS3 Fanciness
+
+告诉你如何只用CSS创建按钮开关，没有一行JavaScript代码
+
+![](http://bbs.html5cn.org/data/attachment/forum/201212/14/1344309b9bhlb9v3t8zz98.jpg)
+
+[点这里看源码](https://github.com/qiwsir/BitJSCode/tree/master/CSS3ButtonSwitches)
+
+###5-CSS3 Responsive Slider
+
+纯CSS3打造的响应滑块导航
+
+![](http://bbs.html5cn.org/data/attachment/forum/201212/14/134431pisqr7dfas0x4sfh.jpg)
+
+[点这里看DEMO](http://csscience.com/responsiveslidercss3/)
+
+###-How to Create a Content Accordion in Pure CSS3 Tutorial
+
+今天的教程中，我们将学习如何创建一个纯CSS3内容的手风琴
+
+![](http://bbs.html5cn.org/data/attachment/forum/201212/14/1344312bs6bykb5sltw6i2.jpg)
+
+[点这里看DEMO](http://designmodo.com/demo/accordioncss3/)
+
+###3D Flipping Circle with CSS3 and jQuery
+
+这个教程创造逼真的3D翻转效果的CSS 3D变换和阴影效果
+
+![](http://bbs.html5cn.org/data/attachment/forum/201212/14/134432v24u914o1zxdxdo4.jpg)
+
+[点这里看源码](https://github.com/qiwsir/BitJSCode/tree/master/3DFlippingCircle)
+
+###Swatch Book with CSS3 and jQuery
+
+使用CSS3创建一个书本的切换效果
+
+![](http://bbs.html5cn.org/data/attachment/forum/201212/14/1344336ke7hee68f5gfe22.jpg)
+
+[点这里看源码](https://github.com/qiwsir/BitJSCode/tree/master/SwatchBook)
+
+###Accordion with CSS3
+
+使用 hidden inputs和labels，我们将创建一个CSS手风琴
+
+![](http://bbs.html5cn.org/data/attachment/forum/201212/14/134434gm242fqs4b4d18nd.jpg)
+
+[点这里看源码](https://github.com/qiwsir/BitJSCode/tree/master/CSS3Accordion)
+
+###Circle Navigation Effect with CSS3
+
+这个教程向您展示如何创建一个美丽的悬停效果的图像导航使用CSS3
+
+![](http://bbs.html5cn.org/data/attachment/forum/201212/14/134435ed220eadfrdgndxn.jpg)
+
+[点这里看源码](https://github.com/qiwsir/BitJSCode/tree/master/CircleNavigationEffect)
+
+更多请到这里找：[**分享30个新鲜的CSS3打造的精美效果**](http://bbs.html5cn.org/thread-10546-1-1.html)
+