工作中网页中有一个扇形的导航菜单,以前没有接触过,参考了http://www.w3cplus.com/css3/building-a-circular-navigation-with-css-transforms.html以及原网站http://tympanus.net/codrops/2013/08/09/build...

一、原理:  使用label与input来实现，label和复选框是有关联的,label的for属性对应的是input的id,所以点击label时,它就会勾选或取消复选框。  如果我们需要让菜单默认显示,只需要将input的checked属性设为true即可。 &nbs...

每次使用box-shadow,都要查阅资料才能实现对应的效果,现在总结一下,方便以后查看。 一、语法：   E{box-shadow:insetx-offsety-offsetblur-radiusspread-radiuscolor};   E{b...

writing-mode这个CSS属性以前是IE的独有属性，IE5.5浏览器就已经支持了。在很长一段时间里，FireFox,Chrome这些现代浏览器都不支持writing-mode，各大现代浏览器纷纷对writing-mode实现了更加标准的支持（主要得益于FireFox浏览器的积极跟进）。1.writing-mod...

 CSS3选择器有哪些？答：属性选择器、伪类选择器、伪元素选择器。CSS3新特性有哪些？答：1.颜色：新增RGBA，HSLA模式文字阴影（text-shadow、）边框：圆角（border-radius）边框阴影：box-shadow盒子模型：box-sizing背景：background-size设置背景图...

<div class="demo-container demo"><style>  .demo{width:410px;}  .stamp *{padding: 0;margin: 0;list-style...

之前向大家介绍8款优秀的 jQuery 加载动画和进度条插件，今天这篇文章向大家推荐10个纯 CSS3 代码实现精美加载进度条动画效果的方案。加载动画和进度条在网站和Web应用中的使用非常流行，特别是在使用 Ajax 技术加载内容的应用场景中，使用时尚的加载动...

这篇文章收集了20个非常绚丽的CSS3效果应用演示，这些示例演示了CSS3各种新特性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择，以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画，如今使用纯CSS代码就可以很容...

我们知道HTML默认的复选框样式十分简陋，而以图片代替复选框的美化方式会给页面表单的处理带来麻烦，那么本文将结合实例带您一起了解一下使用CSS3将复选框checkbox进行样式美化，并且带上超酷的滑动效果。查看演示 下载源码HTML通常我们使用以下html结构，我们给复选框定义id#checkbox_a1，然...

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html2.功能元素1.hgroup对网页或区段（section）的标题进行组合2.figure<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）...

by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2427一、哥，我被你吓住了打架的时候会被块头大的吓住，学习的时候会被奇怪名字吓住（如“拉普拉斯不等式...

一、SVG属性和CSS3属性千丝万缕的关系CSS3新增属性除了我们现在用的比较多的border-radius, box-shadow, gradient, ...之类，还有很重要的一个分支：SVG属性家族！所谓「SVG属性家族」是指原本SVG的标签属性可以直接使用CSS设置。比方说，之前介...

早一段时间，有一直研究HTML5和CSS3，自己也做了不少Demo，只是HTML5Video和Audio由于自己平时比较喜欢留意不同的播放器，因此特别想做一个自己喜欢的设计，考虑到会比较花时间，所以一直没有做出完整的Demo。刚好最近有灵感了，就下定决心做一个完整的视频播放器。首先放出成品：做完这个播放器之后，感觉HT...

探索用于高级排版和印刷的新一代开放电子书标准EPUB3.0是最新的行业标准XML电子书格式，它采用了HTML5和CSS3，因而融入了现代Web技术。它重点关注XML驱动的工具包，要求XHTML序列化，还增加了补充性的XML词汇，例如MathML和SVG。EPUB3提供了多种开发先进的原生数字出版物的选项。在这篇文章中，...

刚开始接触CSS3的2D变换属性，就被这个skew（）搞的一头雾水，不知道具体是怎么变化的！研究了一会才发现，CSS3的斜切坐标系和数学中的坐标系完全不一样（设置斜切原点为左上角）<style>div{width:200px;height:200px;transition:all2s;margin:150p...