样式表中的 .wall-column 的 width 属性用于控制每行显示多少列,例如要想每行显示3列,可以设置为 width:33.333333%。
仿 Pinterest 网站的响应式网格瀑布流布局 JQuery 插件,使用起来非常方便,最低兼容 IE8 。
JQuery 水平图片手风琴展开收缩切换效果,仿制京东商城商品分类展示特效,鼠标悬停文字跟随背景变色,图片放大。
头像图片网格布局,点击头像图片动画切换到个人信息展示界面,适合地方小但是需要展示用户详细信息的地方。
鼠标滑过图片时,图片进行 3D 翻转,然后显示图片详细信息,适合用于图文列表布局。
圆角样式的水平手风琴图片展开特效,图片上可设置标题和简要概念,也适用于放置轮播图的地方。
3D 立方体旋转图标菜单主要特效由 Css3 代码实现,只有少部分代码由 JQuery 完成,导航按钮适合放在悬浮层。
div + css 实现鼠标悬停图片,并在右侧展开图片详情内容效果,非常适用于电影类网站或者需要展示图文列表的地方。
鼠标悬停按钮时展开 3D 导航图标菜单,鼠标离开则收回导航图标菜单,适合悬浮层导航按钮。
本特效基于 Css3 + Bootstrap 制作,蜂窝式图标导航菜单非常适合做个人博客或者企业网站主页导航入口,但是这个特效也有一些小瑕疵,在某些窗口下,样式会变形,所以可以根据自己需求决定是否使用此特效。
本博客诞生于 2020 年 3 月 5 日,是一个以编程开发为主的技术型博客,希望我的博文能够帮助到你。