一个网站的下载按钮应尽量吸引读者的注意。 这意味着网页设计师应该非常重视文件的下载界面。一个页面这么多的文件，如图片，视频和插件可以通过直接HTTP下载共享。许多免费网站甚至发布图标集和PSD文件供用户免费下载。在这些元素很多的网页下载按钮非常重要。下面就给大家带来一款动画的下载按钮，效果图如下： ...

之前为大家介绍了好几款导航菜单，今天再给大家带来一款css3实现的幽灵按钮式的导航菜单。导航界面非常好看。右侧是一个css3实现的动画消息图标。效果图如下： 在线预览   源码下载 实现代码：html代码：<header><nav><a&g...

之前为大家分享了css3实现的加载动画。今天为大家带来一款只需几行代码就可以实现超炫的动画加载特效。我们一起看下效果图： 在线预览   源码下载 实现代码：极简的html代码：<div><i></i></div>css3代...

今天为大家带来的是一款由jquery和css3实现的超级梦幻的背景效果。绿色的小原点由远到近，由近到远一种飞跃效果。效果非常好看，我们一起看下效果图： 在线预览   源码下载 我们一起看下实现的代码。这是一款由jquey和css3实现的效果。这里引用的是jquery11...

今天为大家带来的是jquery和css3实现的不错的导航菜单。点击列表图表后，内容页面向内移动显示菜单项。当单击关闭菜单按钮时，菜单项隐藏，内容页恢复原位。看下图 在线预览   源码下载 我们看下实现代码：html代码：<divstyle="position:re...

今天给大家带来的是用css3技术实现鼠标经过图片，显示图片描述的动画效果。鼠标经过图片时，图片动画缩小并渐变显示描述。我们一起看看效果图： 在线预览   源码下载 我们一起学习下此案例的代码。html代码：<divalign="center"><div...

昨天为大家分享了一款很炫的checkbox复选框和radio单选框，今天再给大家带来一款简单实用的checkbox复选框和radio单选框。界面清淅、舒服。先给大家来张效果图： 在线预览   源码下载 实现html代码:<divclass="frame">&...

之前为大家分享了好多css3实现的按钮。今天要为大家分享的是纯css3实现的checkbox复选框和radio单选框，效果超级炫。先让我们看看图吧! 在线预览   源码下载 这个实例完全由css3实现的没有任何js代码。下面我们一起看下实现代码吧html代码：<d...

之前为大家介绍了好几款css3导航，今天为大家在介绍的是一款适合放在手机网页的导航菜单。点击列表图标以下拉式的形式显示菜单，单击关闭，动画关闭。效果相当不错。效果图如下： 在线预览   源码下载 这个实例由css3和依赖于jquery插件。下面是实现代码html代码：&...

之前已经为大家介绍了好几款css3按钮，今天要为大家介绍的是一款纯css3实现的圆形旋转分享按钮。旋转的角度可以自己调整。在demo中演示了三个角度旋转。360度，60度，-360度。如图： 在线预览   源码下载 看下实现代码：html代码：<b>360d...

今天要给大家分享的的一款用纯css3实现的图片放大镜特效。页面打开五个小图显示于页面。当鼠标经过图片时，当前图片以灰色背景图的形式展示。效果非常不错。在线预览   源码下载实现的代码：html代码：<ulclass="gallery"><liclass="gallery_...

之前介绍了几款css3实现的按钮，今天为网友来款比较新鲜的，用css3的data-attribute属性开发按钮，当鼠标经过显示按钮的详细信息。而且实现过程很简单，几行代码就搞定。大家试一试吧。如下图：在线预览   源码下载不错吧，贴上实现代码：html代码：<buttondata-...

今天要给大家介绍的是css3按钮，里面包含四种特效的动画，如下图：在线预览   下载源码实现html代码：<divalign="center"class="fond"><br/><divclass="bouton_1"><ahref="#123"&...

这是一个响应式设计的菜单。单击列表图标，当你显示屏大小可以完全水平放下所有菜单项时，菜单水平显示（如图1）。当你的显示屏不能水平放置所有菜单项时，菜单垂直显示（如图2）。而且显示的时候是以动画的型式显示。效果相当的好。点击这里在线预览下面贴出实现这功能的源代码，这是一个纯用css3实现的菜单html代码：<div...

纯css3打造的一款非常炫的加载图。用在需要一定时间加载的地方非常合适。先上效果图：点击这里在线预览代码非常简单。没有用任何javascript代码。纯css3实现。html代码：<divclass="content"><divstyle="width:970px;margin:auto">&l...