pinterest的瀑布流布局风靡了整个互联网,其实用CSS3很容易实现这个效果。排列顺序不是传统的从左到右然后折行排列,而是先从上到下然后再从左到右。下面就给出实现的代码和效果图:
效果图如下:
代码如下:
-
jwj520123: 瀑布流多列布局排版控制CSS3的实现方法
2015-06-28 09:05 来自版块 - 站长技能提升
-
nnuutt88: 用CSS美化半个字符巧妙方法
CSS不仅是一种技术,也是一种艺术,如果你运用的好,可以用它创造出各种神奇的效果,随着现代浏览器技术的进步,CSS3的革新,也给了程序员更大的空间和可能性来发挥自己的奇思妙想。在网上有很多常见的图形,比如在这个“HTML5技术秀:你的3D立体旋转名...2015-05-15 12:21 来自版块 - 站长技能提升
-
liaosix: 纯CSS3实现的顶部社会化分享按钮
今天要分享一款纯CSS3实现的社会化分享按钮,它放置在网页的顶部,你可以选择将它固定在网页顶部,这样对用户分享内容就十分方便。这些社会化分享按钮的图标文件来自google和bootstrap的字体文件,包含了个大社交网站的logo图标,可以先来看看...2015-02-12 18:44 来自版块 - 站长技能提升
-
jzceo: 时尚的CSS3进度条
时尚的CSS3进度条先看效果图,非常漂亮吧: demo:http://www.css88.com/demo/css3-progress-bars/ 英文原文:http://www.red-team-design.com/stylish-css...2015-01-14 02:48 来自版块 - 站长技能提升
-
kendeai: CSS3火焰文字特效制作教程
用一句很俗气的话概括这两天的情况就是:“最近很忙”,虽然手头上有不少很酷的HTML5和CSS3资源,但确实没时间将它们的实现过程写成教程分享给大家。今天刚完成了一个神秘的项目,空下来来博客园写点东西。今天给大家分享2个CSS3火焰文字特效,并且将实...2014-11-16 14:41 来自版块 - 站长技能提升
-
kanhuang: 效果非常酷!纯CSS3实现的图片滑块程序
之前我们经常会看到很多利用jQuery实现的焦点图插件,种类太多了,今天我想给大家分享一款利用纯CSS3实现的图片滑块应用,完全是利用CSS3的相关特性,没有使用JS,个人觉得还是挺不错的,先来看看效果图: 看上去挺不错的吧,简洁、...2014-09-24 15:01 来自版块 - 站长技能提升
-
abcpingyao: CSS3火焰文字特效制作教程
用一句很俗气的话概括这两天的情况就是:“最近很忙”,虽然手头上有不少很酷的HTML5和CSS3资源,但确实没时间将它们的实现过程写成教程分享给大家。今天刚完成了一个神秘的项目,空下来来博客园写点东西。今天给大家分享2个CSS3火焰文字特效,并且将实...2014-07-28 07:31 来自版块 - 站长技能提升
-
statmu: 一款CSS3仿Google Play的垂直菜单
之前分享过一款非常酷的CSS3垂直下拉动画菜单,是多级菜单。今天我们来看一款也是用CSS3制作的垂直菜单,是仿Google Play的菜单,菜单项都带有可爱的小图标,可以先来看看效果图: 当然你可以在这里看到这款垂直菜单的...2014-07-20 07:16 来自版块 - 站长技能提升
-
q0001: 一款带有发光动画的HTML5表单
今天给大家秀一款带有发光动画的HTML5表单,挺酷的,效果图如下: 当表单获取焦点时,表单四周就会呈现出发光动画的效果,并不断地进行颜色渐变;当表单失去焦点时,停止发光。其中颜色渐变的动画只有基于webkit的浏览器才有效果,比...2014-05-28 19:19 来自版块 - 站长技能提升
-
风影123: 一款CSS3仿Google Play的垂直菜单
之前分享过一款非常酷的CSS3垂直下拉动画菜单,是多级菜单。今天我们来看一款也是用CSS3制作的垂直菜单,是仿Google Play的菜单,菜单项都带有可爱的小图标,可以先来看看效果图: 当然你可以在这里看到这款垂直菜单的...2014-01-20 15:13 来自版块 - 站长技能提升