也想出现在这里？联系我们吧
倾斜页面打开侧边栏菜单UI界面设计
PetitQ
这是一款效果使用jQuery和CSS3制作的倾斜页面打开侧边栏菜单UI界面设计效果。这个效果中，用户点击页面上的汉堡包按钮时，整个页面会向右倾斜一些角度，隐藏在左边的侧边栏被显示出来，整体效果非常炫酷。 HTML结构 整个侧边栏使用…
Material Design 风格侧边栏动画UI设计
这是一款非常酷的谷歌Material Design风格侧边栏动画UI设计效果。这个特效涉及到Communication Design的知识。当用户用鼠标滑过侧边栏时，侧边栏显示出将要显示的页面的大概内容，这是一种非常直观与用户沟通的…
Bootstrap复选框和单选按钮美化插件
awesome-bootstrap-checkbox是一款可以美化Bootstrap复选框和单选按钮的插件。它使用纯CSS编写，没有任何的javascript文件。它通过在原生Bootstrap组件的基础上做一些小改动，即可完成漂亮…
纯CSS3逼真的气球漂浮动画特效
这是一款使用纯CSS3制作的效果非常逼真的气球漂浮动画特效。这个气球飘动效果主要使用CSS3 animation来制作，通过控制不同气球的位移和旋转角度，来达到气球漂浮的效果。 HTML结构 这个气球漂浮效果的HTML结构使用一个容…
Tuesday 动画效果的小巧的CSS3动画库
Tuesday是一款带22种效果的小巧的CSS3动画库。目前网络上已经有多种好用的CSS动画库插件，这款CSS3动画库的特点是动画路径短，动画持续时间也较短。目前该动画库提供了22种不同的元素进入和离开的动画效果。 使用方法 该动画…
个人信息介绍动画效果UI界面设计
这是一款小哥非常炫酷的CSS3个人信息介绍动画效果UI界面设计效果。该设计通过点击页面的“+”按钮可以打开用户的介绍信息和一些社会化网站图标，在打开过程中有十分酷的动画过渡效果。 HTML结构 该ui设计的HTML结构十分简单。 +…
网格布局内容切换展示UI界面设计
这是一个网格布局内容切换展示UI界面设计方案。该界面设计方案在页面中将所有的内容以网格的显示进行布局。当用户点击了某个网格内容之后，这个网格会全屏放大，展示它里面的内容。这个效果只是一个设计方案，并不能进行实际应用。要进行实际的UI…
Material Design 风格的UI组件样式
MaterialCSS是一套Material Design风格的UI组件样式。这套UI组件包括亮和暗2种主题。每种主题都包括了各种状态的按钮，复选框，单选按钮，文本框，textarea。这些组件使用简单，效果非常的时尚。 使用方法 …
商品网格布局购物车动画界面设计
这是一款非常实用的商城网站网格布局和购物车动画UI设计效果。在这款购物UI设计效果中，侧边栏用于对商品进行筛选，所有的商品以网格来布局，每个网格内都可以以幻灯片方式来查看。并且在将商品添加到购物车时有非常炫酷的动画效果。下图是一个商…
CSS3移动手机隐藏菜单UI界面设计
这是一款效果非常酷的jQuery和CSS3移动手机隐藏菜单UI界面设计。这个UI设计共有三种不同的打开隐藏菜单的效果，分别为滑动显示，Material Design风格效果和展开式效果。 HTML结构 这三种不同的隐藏菜单的HTML…
纯CSS3带SVG图标扁平风格按钮
这是一组非常时尚的纯CSS3带SVG图标的扁平风格按钮。这些按钮使用Flexbox来布局，按钮上带有SVG图标，在鼠标滑过按钮时会有背景色和现状上的变化效果。 HTML结构 带图标的按钮的基本HTML结构如下： BUTTON CSS…
Material Design 风格扩展遮罩面板界面设计
这是一款效果非常漂亮的Material Design风格扩展遮罩面板界面设计。在页面的下方有多个菜单选项，当用户点击其中某个选项时，它会变形扩展为全屏遮罩层，动画过渡非常平滑自然，效果很酷。 HTML结构 所有的方形选项卡都是由无序…
