众所周知，flash动画类型可以分为补间动画和逐帧动画，补间动画又可以分为属性改变（大小、位置、颜色等）和形状改变（直线变弧线等）。网页动画里，我们可以使用css3、javascript（jquery）等实现属性改变，却对形状改变无能为力，那么如何实现网页动画里的形状改变呢？今天提供一种解决方案——通过snap.svg动态改变svg形状实现，案例效果如下图所示，案例灵感来自codrops。...
分类：
其他好文 时间：
2014-12-31 01:05:11
阅读次数：
262
一、动态伪类动态伪类，因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来，动态伪类包含两种，第一种是我们在链接中常看到的锚点伪类，如":link",":visited";另外一种被称作用户行为伪类，如“:hover”,":active"和":focus"。 对于:hover在...
分类：
Web程序 时间：
2014-12-31 00:49:30
阅读次数：
411
CSS3中新增属性-阴影，可以做出很多漂亮的效果。文字阴影text-shadowtext-shadow属性值的顺序：text-shadow: h-shadow v-shadow blur color;参数分别表示水平阴影位置，垂直阴影位置，模糊半径，阴影颜色。一个栗子： CSS3阴影 ...
分类：
Web程序 时间：
2014-12-30 20:33:18
阅读次数：
204
使用css3和伪元素制作的一个立体导航条供大家参考，代码如下： CSS制作立体导航 Home About Me Portfolio Blog Resources Contact ...
分类：
Web程序 时间：
2014-12-30 16:59:53
阅读次数：
168
今天发现一个很好玩的css特效，将鼠标放到图片上，图片会像黑胶唱片一样旋转，类似于虾米专辑封面的特效，特别适用于图片列表的展示，下面是列子代码：css3鼠标悬停背景做360°旋转效果 只适应于css3浏览器下面来讲解一下css3的transform功能：transform的含义：改变，使…变形...
分类：
Web程序 时间：
2014-12-30 14:47:37
阅读次数：
203
CSS3随着浏览器的升级已经被越来越广泛的运用，合理的运用CSS3可以使你的网站更加美观，并且之前只能用js才能实现的效果也已经可以直接用 CSS3来实现。但是虽然如此，很多浏览器对CSS3的支持还都是通过其私有属性来达到支持的，鲜有直接对W3C的标准来实现的。诸如firefox的 -moz-和we...
分类：
Web程序 时间：
2014-12-30 11:16:00
阅读次数：
225
总结了下CSS3新增的一些选择器。CSS3的选择器有基本选择器、属性选择器、伪类选择器几类。CSS3选择器选择器举例例子描述element1~element2p~a选择前面有 元素的每个 元素。[attrtube^=value]a[src^="http"]选择其 src 属性值以 "https".....
分类：
Web程序 时间：
2014-12-29 20:00:05
阅读次数：
174
html标签： 1 2 3 4 5 CSS3 KeyBoard 6 7 8 9 10 11 Q12 W13 E14 R15 T16 Y17 U18 I19 O20 P21...
分类：
移动开发 时间：
2014-12-29 19:52:14
阅读次数：
237
@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了...
分类：
Web程序 时间：
2014-12-29 18:15:30
阅读次数：
248
在看很多的博客主题时候发现大多数都对选中文字的背景颜色做了相应的处理。其实这样是很符合用户体验的。因为有很多的人会用鼠标选择着一行一行的阅读。其中就包括本人。。。浏览器中默认的选中的文字颜色为白色，背景色为蓝色。我们如何自定义呢？效果参见本博客，选中文字后可以见到效果。本博客中用到的代码是body:...
分类：
Web程序 时间：
2014-12-29 18:05:39
阅读次数：
143
