一些简单而又不失个性的css3片段（持续更新）

一、a链接淡入淡出

一般常用的我们鼠标放到a元素上变色，加上淡入淡出，只需要加个css代码就好了

a {    transition: color .3s ease;}

注：transition 翻译为中文为 过渡

使用的是CSS3 transition属性，这个属性用作过渡的动画，不仅仅能够使用在color上，还有其他更多的属性，参见 http://www.w3school.com.cn/cssref/pr_transition.asp

二、使网站字体看起来更顺滑

body *{  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;  font-weight: 400;}

三、左右侧滑

transition-duration: 0.2s;transition-property: right;

其中思路是更改元素的right值，使用动态效果。（如果用left，那么代码中就要改成left）。可以通过toggleClass的方式来定义class的值。

如：默认元素的right是0

on的样式right=-30px。那么元素在加上on之后就会往左滑动啦