前言 在很久之前，我们项目有一个动画功能，功能本身很简单，便是典型的右进左出，并且带动画功能 以当时来说，虽然很简单，但是受限于框架本身的难度，就直接使用了CSS3的方式完成了功能 当时主要使用transform...
分类：
其他好文 时间：
2014-07-22 08:25:35
阅读次数：
281
利用CSS3技术生成统计图。原理：利用元素的百分比算出旋转度数。类似于斗地主时，手拿扑克牌的形状。程序源码： 1 2 3 4 5 CSS3 chart 6 7 8 9 59 60 61 62 63 利用CSS3 制图 64 65 ...
分类：
Web程序 时间：
2014-07-22 00:18:35
阅读次数：
1279
随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的...
分类：
Web程序 时间：
2014-07-22 00:06:33
阅读次数：
294
用法跟Android的android:layout_weight属性类似，可类比Android中的用法，这样比较好记，由于目前所有浏览器都不支持大部分的属性，所以所有的属性都需要加上Firefox、Safari、Opera
以及 Chrome支持替代的
-moz-和-webkit-前缀，现在基本上所有的CSS3属性都应该这样做，即每个属性都需要至少设置三个，参考下面的例子。
父容器属性...
分类：
Web程序 时间：
2014-07-21 14:05:17
阅读次数：
261
10.2.5 表格相关的盒模型 CSS3还为display提供了如下属性值。 table:将目标HTMl组件显示为表格。 table-caption:将目标HTML组件显示为表格标题。 table-cell:将目标HTML组件显示为单元格。 table-column:...
分类：
其他好文 时间：
2014-07-21 09:28:35
阅读次数：
166
最近工作时研究了一下css3动画和js动画，主要是工作中为了增强页面的趣味性，大家都有意无意的添加了很多动画效果，当然大部分都是css3动画效果，可以gpu加速，这会减少移动端的性能需求。
今天主要说的是蜂窝效果，具体效果大家等下可以运行源码，这里就不放gif图了。
css3的原理很简单，就是通过更改background-size，由于css3中的background中可以设置repeat属性...
分类：
Web程序 时间：
2014-07-20 15:16:51
阅读次数：
317
CSS3设置文字阴影效果对文字字体设置阴影效果篇text-shadow样式，音乐放松椅本来在CSS2版本中也有此属性，但在CSS3中文字阴影text-shadow再次被应用，丰富文字排版布局美化效果。一、CSS3单词与语法 - TOP1、CSS3单词：text-shadow2、语法结构 ...
分类：
Web程序 时间：
2014-07-20 10:24:30
阅读次数：
237
让人眼花缭乱的 HTML5 和 JavaScript 效果使用 CSS3 可以实现的五种很酷很炫的效果九个让人难以置信的HTML5和JavaScript实验推荐18个基于 HTML 5 Canvas 开发的图表库29款基于 HTML5 Canvas 开发的网页游戏 各大主流浏览器对 CSS3 和 ....
分类：
Web程序 时间：
2014-07-19 18:06:24
阅读次数：
317
CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性问题，CSSer们只有望洋轻叹。虽 然如此，但有前...
分类：
其他好文 时间：
2014-07-19 15:20:14
阅读次数：
219
src1：好吧，CSS3 3D transform变换，不过如此！评价：图文并茂地解释 CSS 3D transform 的基本概念及原理，超级通俗易懂，读后简直醍醐灌顶啊！！！幽默的程序员笔记：一、4个概念1、突破口：三个方法 3D transform 中的三个方法： （1）rotateX(a.....
分类：
Web程序 时间：
2014-07-19 09:20:59
阅读次数：
324
