-
购物商城网站网格布局和购物车动画界面设计
这是一款非常实用的商城网站网格布局和购物车动画UI设计效果。在这款购物UI设计效果中，侧边栏用于对商品进行筛选，所有的商品以网格来布局，每个网格内都可以以幻灯片方式来查看。并且在将商品添加到购物车时有非常炫酷的动画效果。下图是一个商品网格在鼠标滑过前和滑过
2018-02-04 01:29 -
一套Material Design风格的UI组件样式
MaterialCSS是一套Material Design风格的UI组件样式。这套UI组件包括亮和暗2种主题。每种主题都包括了各种状态的按钮，复选框，单选按钮，文本框，textarea。这些组件使用简单，效果非常的时尚。使用方法如果你使用SASS，可以将material.scss引入到主SASS文件中。@import
2018-02-04 01:29 -
非常漂亮的纯CSS3单选按钮美化效果
这是一款设计的非常漂亮的纯CSS3单选按钮美化效果。该单选按钮效果中单选按钮被制作为绿色荧光效果，外层还有一圈淡淡的光晕。鼠标滑过按钮时，内层的荧光会变大亮起。在点击的时候内层荧光填满整个按钮，并且外层光晕也同时出现。制作方法HTML结构该单选按钮效果使用一个
2018-02-04 01:29 -
5种CSS3 Transitions炫酷图片标题特效
这是一款效果非常酷的CSS3 Transitions图片标题特效。这组图片标题特效共5种不同的效果，都是使用CSS3 Transitions过渡动画来制作，分别是移动动画，翻转动画，缩放动画，旋转动画等。这组动画在桌面设备上使用鼠标滑过图片来产生图片标题动画效果。在移动触摸设备上，由
2018-02-04 01:29 -
YAUI Kit | 超级精美的网页UI组件
YAUI Kit是一款十分精美的基于HTML5和CSS3的网页UI组件。这组UI包括颜色拾取器组件，滑块组件，评分组件，步骤图组件，视频播放器组件，菜单组件，下拉菜单组件，进度条组件，消息通知组件，输入框组件，登录表单组件和搜索框组件等。使用方法在这些组件中，某些操作需要
2018-02-04 01:29 -
jQuery和CSS3创意圆形菜单布局设计
这是一款非常有创意的jQuery和CSS3圆形菜单界面布局设计。这个界面布局中，通过点击主菜单按钮可以在它的四周出现主菜单按钮。点击每一个主菜单按钮都会以动画的方式切换到相应的界面，效果非常的炫酷。制作方法HTML结构菜单的HTML结构使用一个main元素来作为包裹元素。汉
2018-02-04 01:29 -
简单实用的商品购物和添加购物车界面设计
这是一款使用jQuery和CSS3制作的简单实用的商品购物和添加购物车界面设计方案。用户可以在商品购物界面中预览各种型号、颜色、尺寸的商品。然后通过点击添加到购物车按钮就可以将该商品添加到购物车中，操作简单直观。在传统的购物网站中，用户在商品展示界面看中了一件商
2018-02-04 01:29 -
纯CSS3超酷扁平风格后台面板UI设计
这是一款使用纯CSS3制作的超酷扁平风格后台面板UI设计效果。该后台面板设计风格简洁大方，采用侧边栏TAB来切换各个面板的内容。整个界面使用扁平化设计，非常的时尚。制作方法HTML结构该后台面板使用一个div作为包裹容器，里面div.avatar是用户的头像，每一个input.radio
2018-02-04 01:29 -
带隐藏侧边栏的垂直多面板UI界面布局
这是一款使用jQuery和CSS3制作的带隐藏侧边栏的垂直多面板UI界面布局。这个UI界面使用汉堡包图标作为隐藏菜单触发按钮，点击它时菜单会从上往下滑出。点击相应的菜单项可以直接跳转到相应的面板上。另外也可以通过鼠标上下滚动来切换到各个面板。制作方法HTML结构导航菜单
2018-02-04 01:29 -
纯CSS3逼真的下雨和下雪特效
weather.css是一款可以制作下雨和下雪特效的纯CSS3插件。这个CSS下雨和下雪特效使用简单，代码简洁，可以制作出非常逼真漂亮的下雨和下雪效果。使用方法该CSS下雨和下雪效果的使用方法非常简单，在页面中引入weather.css文件。link rel="stylesheet" type="text/css" hre
2018-02-04 01:29 -
纯CSS3超酷全屏响应式幻灯片特效
这是一款效果非常炫酷的纯CSS3全屏幻灯片特效。该幻灯片特效的效果类似于全屏水平方向的单页滚动效果。该幻灯片效果使用纯CSS3制作，代码仅有100多行，非常的小巧。制作方法HTML结构整个幻灯片使用一个div.wrap来作为包裹元素，每一个section.slide是一个页面。input.rad
2018-02-04 01:29 -
5种纯CSS3鼠标滑过按钮动画特效
这是一款使用纯CSS3制作的炫酷鼠标滑过按钮动画特效。这组按钮特效共5种效果，分别是按钮边框动画，上下边框动画，浮雕效果，流光效果和光波效果。这5种按钮鼠标滑过特效不仅效果酷，而且代码简单，非常实用。制作方法HTML结构在第一种按钮鼠标滑过特效中，使用的是SVG线
2018-02-04 01:29 -
纯CSS3炫酷3D浮雕质感文字动画特效
这是一款效果非常酷的纯CSS3 3D浮雕质感文字动画特效。该特效中文字被制作为浮雕文字，就像是从一块石板上将文字雕刻下来的一样。而且文字还会来回的摆动旋转，效果非常好。制作方法HTML结构该CSS3文字特效的HTML结构是在一个div容器中放置20个空的div层制作出来的，本身
2018-02-04 01:29 -
53种纯CSS3炫酷loading指示器动画特效
load-awesome是一组神奇的纯CSS3 loading指示器动画特效。这组loading动画共有53种不同的效果。它使用简单，每一种loading效果都有单独的CSS文件相对应，使用时仅需引入几K大小的CSS文件即可。安装可以使用Bower来按钮该loading指示器特效所需的文件。bower install load
2018-02-04 01:29 -
4种纯CSS3小球物理运动动特效
这是一组效果非常炫酷的纯CSS3小球物理运动动特效。这组效果动画共有4种效果：小球弹跳效果，小球绕大球旋转效果，小球碰撞效果和小球自旋动画效果。制作方法HTML结构这组小球动画特效的HTML结构都基本相似：小球使用一个div.wrap作为包裹容器，小球本身是一个空的div。所
2018-02-04 01:29 -
带科幻风格的纯CSS3用户登录界面设计
这是一款带有科幻风格的纯CSS3用户登录界面设计效果。它模拟科幻电影《钢铁侠》中斯塔克工业超级电脑的登录界面。该登录界面略带金属质感，通过一条无限运动的弧线绕圆动画来制作一些神秘科技色彩。制作方法HTML结构该登录界面的HTML结构分为几个部分：div#logo是斯塔克工
2018-02-04 01:29 -
Material Design风格提交表单UI设计
这是一款谷歌Material Design风格的提交表单UI界面设计效果。在这个提交表单中，融入了浮动标签，线条进度显示，扁平风格等多种效果。设计简单时尚，非常值得学习。制作方法HTML结构这个提交表单使用foundation框架来布局。通过网格来排列表单中的各种元素。...formdiv c
2018-02-04 01:29 -
9种响应式面包屑导航和分步导航指示器UI设计
这是一组非常漂亮的纯CSS3响应式面包屑导航和分步导航指示器UI设计效果。这组UI设计中有5个面包屑导航和4个分步导航指示器效果。它们都使用相同的HTML结构，并带有一组预定义的CSS样式，使用上非常方便。制作方法HTML结构这组UI的HTML结构非常简单：在一个nav元素中嵌套一
2018-02-04 01:29 -
带CSS3动画特效的时尚登录界面UI设计
这是一款非常时尚的jQuery和CSS3登录界面UI设计。该登录界面采用扁平化风格，在用户点击登录按钮之后，界面会分为两个部分：一部分将原来的界面3D倾斜，另一部分是弹出一个带光波效果的loading指示器。该设计非常时尚和协调。制作方法该登录界面特效依赖于jQueryUI，使用
2018-02-04 01:29 -
一组黑色质感的蓝色荧光3D按钮和单选按钮
这是一组非常漂亮的纯CSS3黑色质感的蓝色荧光3D按钮和单选按钮特效。这组按钮中有三个按钮，一组单选按钮和一个很酷的超级按钮。它们都是黑色的样式，并带有蓝色的荧光，使它们看起来具有一些科幻色彩。制作方法HTML结构这些按钮的HTML结构非常简单，按钮使用a元素来制作
2018-02-04 01:29
闽ICP备12017094号-3