-
随着鼠标移动的文字阴影
今天给大家分享一款随着鼠标移动的文字阴影特效。该实例的文字用了阴影特效，阴影会随鼠标上下移动和移动。实例的背景采用了动态加载，每间隔一段时间用不同的背景色，效果相当好看，一起看下效果图： 实现的代码。html代码：<h1 contenteditable="true"&am…
2018-02-01 03:25 -
一款纯css实现的垂直时间线效果
今天给大家分享一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色，界面效果还不错。一起看下效果图：
2018-02-01 03:25 -
一款基于jquery的侧边栏导航
之前为大家介绍了好多导航菜单，今天给大家分享一款基于jquery的侧边栏导航。这款导航侧边滑出，适合放在手机网页或webapp。一看下实现的效果图：实现的代码。html代码：<div style="position: relative; overflow: hidden;"><div class="top&am…
2018-02-01 03:25 -
一款纯css3实现的鼠标经过按钮特效
今天再给大家带来一款纯css3实现的鼠标经过按钮特效。这款按钮非常简单，但效果很好，非常漂亮。一起看下效果图： 实现的代码。html代码：<div align="center"><div class="contener"><div class="txt_button">WIFEO&am…
2018-02-01 03:25 -
一款基于jquery漂亮的按钮
之前为大家分享了好多css3实现的按钮。今天给大家分享一款基于jquery漂亮的按钮。这款按钮背景下用了一张图片。当鼠标经过的时候背景用半透明div遮住。一起看下效果图：实现的代码。html代码：<a class="btn" data-js="btn"><span class=&a…
2018-02-01 03:25 -
一款色块填充式切换按钮的jQuery焦点图
这又是一款简易型的jQuery焦点图插件，这款焦点图插件可以进行自动播放，也可以点击下方的填充式切换按钮进行手动切换，非常方便。另外，其简易的外观让其加载速度十分快，非常适合高性能的网页上面。该jQuery焦点图的图片切换动画是淡入淡出的效果，切换也十分流畅。实现…
2018-02-01 03:25 -
一款仿ios7的switches开关按钮
今天给大家介绍一款仿ios7的switches开关按钮。这款按钮也是纯css实现的。无需引js代码。在实现中给出了两种颜色,三种不同大小的demo。一起看下效果图：实现的代码。html代码：<div class="wrap" style="width: 600px; margin: auto;"><h1&…
2018-02-01 03:25 -
一款基于prefixfree.js的进度加载条
之前小编为大家介绍了一款基于jquery带百分比的响应式进度加载条。今天为大家再带来一款基于prefixfree.js的进度加载条。这款加载条没有加载的百分比。界面还是挺好看的。一起看下效果图：实现的代码。html代码：<div id="wrapper"><div id="loa…
2018-02-01 03:25 -
基于jquery的可拖动div
昨天给大家介绍了一款基于jquery ui漂亮的可拖动div实例，今天要给大家分享一款基于jquery的可拖动div。这款可拖动div只要引用jquery就可以，无需引用jquery ui。还实时记录的鼠标的坐标。一起看下效果图吧。 实现的代码。html代码：<span class="text noselec…
2018-02-01 03:25 -
一款基于jquery ui漂亮的可拖动div实例
今天要给大家带来一款基于jquery ui漂亮的可拖动div实例。这款实例用了图片当背景，div层采用了幽灵透明效果。div拖动是基于jquery ui的。界面非常漂亮。一起看下效果图： 实现的代码。html代码：<div id="box1" class="box blurred-bg tinted"&a…
2018-02-01 03:25 -
一款html5和css3实现的小机器人走路动画
之前介绍了好多款html5和css3实现的动画，今天要给大家带来一款html5和css3实现的小机器人走路动画。该实例的人物用html5绘画的，动画效果是html5和css3实现的。一起看下效果图。实现的代码。html代码：<svg version="1.1" id="Layer_1" xmlns=&a…
2018-02-01 03:25 -
一款纯css3实现的图片3D翻转幻灯片
之前介绍了好多款网页幻灯片，今天要给大家再带来一款纯css3实现的图片3D翻转幻灯片。这款幻灯片图片轮播采用了3D翻转的形式，效果非常不错。一起看下效果图： 实现的代码。html代码：<div style="width: 850px; margin: auto;"><h1>pure CSS slic…
2018-02-01 03:25 -
纯css3实现图片三角形排列
当今是个读图时代。纯大部分网页或多或少都会用到图片。特别是图片较多的网页。图片的布局和排版就非常重要了。今天要给大写带来一款纯css3实现图片三角形排列。适合一系列的图片。效果图如下：实现的代码。html代码:<div class=container><div class=wrap>&…
2018-02-01 03:25 -
7款基于jquery的动画搜索框
无论是电商网站，还是媒体网，还是个人博客，每个网站都有属于自己个性化的搜索框。今天小编给大家带来7款基于jquery的动画搜索框。每个搜索框都采用了动画效果，一起看下效果图吧。 实现的代码。html代码：<h1>CSS Animated Search Boxes</h1><p>(wit…
2018-02-01 03:25 -
一款纯css3实现的机器人看书动画效果
今天要给大家介绍一款纯css3实现的机器人看书动画效果。整个画面完全由css3实现的绘制，没有使用任何图片元素。机器人的眼睛使用了动画元素。我们一起看下效果图：实现的代码。html代码：<div class=szene><div class=image i1>< HTML ><div class=…
2018-02-01 03:25 -
分享JQuery动画插件Velocity.js的六种列表加载特效
分享JQuery动画插件Velocity.js的六种列表加载特效。在这款实例中给中六种不同的列表加载效果。分别为从上飞入、从右侧飞入、从左侧飞入、和渐显。一起看下效果图：实现的代码。html代码：<h1>Velocity.js <i>slice + sequence</i></h1><pre&…
2018-02-01 03:25 -
html5和css3打造一款创意404页面
之前和网友分享一款HTML5可爱的404页面动画 很逗的机器人。今天要爱编程小编要再给大家带来一款html5和css3打造的创意404页面。一起看下效果图吧：实现的代码。html代码：<svg class="me404" viewbox="0 0 1000 480"><path id="cloud&…
2018-02-01 03:25 -
分享一款基于jquery的圆形动画按钮
之前为大家介绍过一款纯css3实现的圆形旋转分享按钮。今天要给大家带来一款基于jquery的圆形动画按钮。这款按钮鼠标经过的时候以边框转圈，然后逐渐消息，在实例中给出了四种颜色的demo。效果图如下：实现的代码。html代码：<figure class=red><div class=icon&…
2018-02-01 03:25 -
一款基于jquery和css3实现的摩天轮式分享按钮
之前分享了很多css3实现的按钮。今天要给大家带来一款基于jquery和css3实现的摩天轮式分享按钮。这款分享按钮页面底部有一个toggle按钮，单击该按钮，摩天轮按钮以动画的形式出现，各个分享按钮挂在摩天轮上。效果图如下：实现的代码。部分html代码：<div class=&…
2018-02-01 03:25 -
一款纯css3实现的环形导航菜单
之前为大家介绍了好几款导航菜单，今天要给大家带来一款纯css3实现的环形导航菜单。该导航比较新鲜，列表图标位于中间，单击列表图标的时候，各项分布于列表图表的四周。形成一个环形。效果图如下：实现的代码。html代码：<div class="container"><h1…
2018-02-01 03:25
闽ICP备12017094号-3