之前为大家分享了推荐10款纯css3实现的实用按钮，今天给大家带来一款纯css3实现的颜色渐变按钮。这款按钮的边框和文字的颜色通过css3实现两种颜色的渐变，效果非常好看，一起看下效果图：在线预览   源码下载实现的代码。html代码：<divclass="container">...

今天要各网友分享一款基于jquery的手风琴显示详情实例。当单击顶部箭头的时候，该项以手风琴的形式展示显示详情。效果图如下：在线预览   源码下载实现的代码。html代码：<divalign="center"><spanclass="openzone"zone="lest...

今天给大家分享一款纯css3实现的数字统计游戏。这款游戏的规则的是将所有的数字相加等于72。这款游戏的数字按钮做得很美观，需要的时候可以借用下。一起看下效果图：在线预览   源码下载实现的代码。html代码:<h1>CSSCounterGame</h1><se...

今天要给大家分享一款基于jqueryui的动画提交表单。这款提交表单的的效果是以动画的形式依次列表所需填写的信息。效果非常不错，效果图如下：在线预览   源码下载实现的代码。html代码：<divalign="center"><formid="myform"><...

今天给大家分享一款纯css实现的漂亮导航。之前为大家分享过jquery实现的个人中心导航菜单，今天这款也是适合放在个人中心。还带来图标，效果不错。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divclass="l-main"><divclass="m...

今天给大家分享一款纯html5实现的人跑步动画。这款动画中实现了人跑步的动画，且上面有三个按钮，分别是选择让这个跑步的拿什么武器，第一个是拿了一把剑，第二个是拿了一把斧头，第三个是不拿任保东西。效果图如下：在线预览   源码下载实面的代码。html代码：<svgversion="1....

今天给大家带来一款基于css3非常实用的鼠标悬停特效。这款特效，当鼠标经过时候一个半透明的遮罩层倒下来。效果很好，而且是纯css3实现的，代码很少，非常实用。效果如下：在线预览   源码下载实现的代码：html代码：<divalign="center"color:rgba(128,0...

今天要给大家分享一款基于jquery的手风琴图片展示效果。这款图片的展示效果鼠标经过前是灰色的，当鼠标经过时图片变大且变为彩色。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="page-container"><divclass="flex...

今天给大家分享一款基于css3的简单的鼠标悬停按钮。这款悬停按钮鼠标经过前边框是间断的。当鼠标经过的时候边框间隔消失。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="container"><p>Singlegradientborde...

今天给大家分享一款基于jquery固定于顶部的导航，这款导航当浏览器滚动条位于顶部时，导航高度较高，当浏览器滚动向下滚动时，导航高度自动减低，并位于顶部。效果图如下：在线预览   源码下载实现的代码：html代码：<divid="page"><divid="toolbar...

今天给大家分享一款基jquery超炫的动画导航菜单。这款导航菜单，初始时页面中间一个按钮，单击按钮，菜单从左侧飞入页中。再次单击按钮，导航飞入左侧消息。动画效果很非常炫。一起看下效果图：在线预览   源码下载实现的代码。html代码：<ul><li><ahre...

之前为大家介绍了好多导航菜单，今天给大家分享一款简洁的纯css3代码实现的动画导航。鼠标经过的时候以背景色以菱形渐变为长方形。效果图如下：在线预览   源码下载实现的代码。html代码：<divalign="center"style="background-color:#ee1d27...

之前为大家介绍了好几款响应式导航。今天再给大家带来一款纯css3实现的响应式导航。这款导航还有个响应式的搜索框。废话少说，直接上图：在线预览   源码下载实现的代码。html代码：<divclass="navbar"><aclass="brand"href="#">...

之前介绍了好多网页幻灯片。今天给大家带来一款基于TweenMax.js的网页幻灯片。这款幻灯片以不规则的碎片百叶窗的形式切换。切换效果非常漂亮。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divid="container"></div><...

今天给大家分享一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色，界面效果还不错。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divclass="container"><headerclass="...