瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。
百度音乐专辑图闪光效果CSS3实现分享
前段阵子看到百度音乐的这个效果，觉得不错哟~
在学习CSS3之前，还不知道怎么实现的，现在想起来，so easy~
大家可以先去浏览下效果：http://music.baidu.com/。
其实就是在图片的上层，添加一层白色半透明的层，hover的时候，结合CSS3的动画实现透明层位置平滑移动效果。
这时候可以先浏览下我写的demo：www.xuanfengge.com/demo/201308/baidumusic，然后再看下代码 查看全文
2013/08
06 周二
css3绘制各种图形效果
如何使用CSS来制作图形，比如说圆形，半圆形，三角形等。今天我特意在网上查阅了一下，介绍这样的教程还是蛮多的，因此我也决定整理一份相关教程出来与大家一起分享。
如何工作？
很少会有人意识到，当浏览器绘制的border，会有一个角度的问题。我们就是得用这样的一个技巧来制作三角的效果。我们只需要保证一边的边框是有色，其他边框色为透明色，这样我们就很容易制作出三角形，然后改变其大小来实现不同的效果。我们一起来看一段代码：
|
1 2 3 4 5 6 7 |
.css-arrow-multicolor { border-color: red green blue orange; border-style:solid; border-width:20px; width:0; height:0; } |
2013/06
09 周日