--> 菜单1 菜单2 菜单3 菜单4 --> Coding Serf Web Translations Life Coding Serf Stay @ Front End | &quo...
分类：
Web程序 时间：
2014-07-22 22:36:33
阅读次数：
271
前言 在很久之前，我们项目有一个动画功能，功能本身很简单，便是典型的右进左出，并且带动画功能 以当时来说，虽然很简单，但是受限于框架本身的难度，就直接使用了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
-webkit-tap-highlight-color这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。想要...
分类：
Web程序 时间：
2014-07-21 23:39:34
阅读次数：
381
@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西I...
分类：
Web程序 时间：
2014-07-21 23:30:43
阅读次数：
273
用法跟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
