-
一款纯css3实现的动画加载导航
之前为大家介绍了好几款导航菜单，今天为给大家再带来一款纯css3实现的动画加载导航。该导航出现的时候以动画的形式出现。效果图如下：实现的代码。html代码：<ul class="main-menu"><li class="main-menu-item active"><a href=&…
2018-02-01 03:25 -
一款纯css3实现的鼠标经过图片显示描述特效（二）
之前为大家介绍了一款纯css3鼠标经过图片显示描述特效，今天要给大家带来一款纯css3实现的鼠标经过图片显示描述特效。在此特效中有两种切换特效，效果还是相当不错。效果图如下：实现的代码。html代码：<h1 style=font-family: Raleway>CSS3 hover<span id=&…
2018-02-01 03:25 -
一款基于jquery带百分比的响应式进度加载条
今天要给大家带来一款基于jquery带百分比的响应式进度加载条。这款加载条非常漂亮，而且带有进度的百度比，且在不同的百分比用的是不同的颜色。而且这款加载条采用了响应式设计，在不同的分辨率的显示器下完美支持。一起看下效果图吧。实现的代码。html代码：<h1>B…
2018-02-01 03:25 -
一款基于javascript的3D玻璃破碎特效
之前为大家介绍了一款 html5 canvas实现图片玻璃碎片特效。今天要给大家带来一款基于javascript的3D玻璃破碎效果。效果图如下：html代码：<div id="container"><div id="fragment"></div></div>css代码：body{background-co…
2018-02-01 03:25 -
纯css3实现的3D按钮
前面已经为大家介绍了好多纯css3实现的按钮。今天要再给大家带来一款纯css3实现的3D按钮。在实例中给出了五种颜色的3D按钮。效果图如下：实现的代码。html代码：<h1><span class="font-effect-shadow-multiple" style="font-size: 50px; font-fa…
2018-02-01 03:25 -
一款基于jquery滑动后固定于顶部的导航
之前已为大家介绍了好多css3实现的导航菜单。今天分享一款基于jquery滑动后固定于顶部的导航。这款导航的特点是初始位于顶部下面一百个像素，当鼠标滚动时到下方，导航一直处于顶部。效果图如下：实现的代码。html代码：<h1>Scroll down</h1><h2>And w…
2018-02-01 03:25 -
一款由jQuery实现的手风琴式相册图片展开效果
之前我们有分享过很多jQuery手风琴样式的菜单，比如CSS3手风琴下拉菜单。今天要分享的jQuery手风琴效果很特别，它是手风琴样式的相册图片展开效果。我们只需点击图片缩略图即可展开当前的图片，并将其他的图片收缩起来。实现的代码html代码：<article id="home&a…
2018-02-01 03:25 -
一款纯css3实现的超炫动画背画特效
之前为大家介绍了很多款由纯css3实现的特效。今天要再给大家带来一款纯css3实现的超炫动画背画特效。代码非常简单，没有引用任何其它js代码。css代码也不多。效果非常炫。一起看下效果图：实现的代码。html代码：<div class=fake-gif><span class=stripe>&am…
2018-02-01 03:25 -
一款javascript实现的超炫的下拉选择框
今天为给大家带来一款javascript实现的超炫的下拉选择框。下拉的列表由半用透明的幽灵按钮组成。显示下拉的时候，列表项由左右两侧飞入。消息时飞向左右两侧。一起看下效果图实现的代码。html代码：<div class="scifiUI"><h1>Scifi Dropdown</h…
2018-02-01 03:25 -
一款由jquery实现的超炫的页面加载特效
今天为大家带来一款由jquery实现的超炫的页面加载特效。连续的几个页面分开特效。最后由三维的线条由远至近消失，然后由近至远出现。效果超级梦炫。一起看下效果图：实现的代码。html代码：<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1200…
2018-02-01 03:25 -
一款由css3和jquery实现的响应式设计导航
2014年响应式设计成为设计主流。今天要给大家带来一款由css3和jquery实现的响应式设计导航。当显示器为pc时，导航为横条。当客户端为移动端时，呈现坚形导航。我们一起看下效果图：实现的代码。html代码：<header><nav id=cssmenu><div class="logo&…
2018-02-01 03:25 -
一款纯css3实现的翻转按钮
之前为大家介绍了好多纯css3实现的很漂亮的按钮。今天小编要给各网友再分享一款纯css3实现的翻转按钮。实现中给出了两种的翻转特效，一种是基于按扭的左边缘为中心线，另一种是基于按钮的中间为中心线。我们一起看下效果图：实现的代码html代码：<article><a ta…
2018-02-01 03:25 -
一款基于jquery实现的鼠标单击出现水波特效
今天要为大家绍一款由jquery实现的鼠标单击出现水波特效。用鼠标猛点击页面，你可以看到页面不断出面水波纹效果。然后水波纹渐渐消失。效果非常不错。我们一起看下效果图：实现的代码。html代码：<div id="container"><h1>Click or Touch the Scre…
2018-02-01 03:25 -
一款由html5 canvas实现五彩小圆圈背景特效
之前介绍了好几款html5 canvas实现的特效。今天要为大家介绍一款由html5 canvas实现五彩小圆圈背景特效。五彩的小圆圈渐显渐失的特效。效果图如下：html代码：<canvas></canvas><div id="Circle"><span>Harris Carney<span><…
2018-02-01 03:25 -
一款由css3和jquery实现的卡面折叠式菜单
之前已经为大家介绍了好多导航菜单。今天为大家再带来一款由css3和jquery实现的卡片折叠式菜单。当菜单关闭的时候，有三维堆叠的效果。我们一起看下效果图：html代码：<div id="wrapper"><h1><i class="icon-sort-by-attributes">…
2018-02-01 03:25 -
一款jquery实现的整屏切换特效
今天要为大家带来一款由jquery实现的整屏切换特效，在右侧有圆型小标，每点一个切换一屏。当然，你也可以滚动鼠标来切换页面。效果非常好。我们看下效果吧html代码：<div class="wrapper active-page4"><div class="page page1"><h2&…
2018-02-01 03:25 -
html5 canvas实现梦幻的3D刺猬球
今天要为大家带来一款html5 canvas实现的梦幻的3D刺猬球。页面非常梦幻。效果图如下： html代码：<div><canvas width="1366" height="62" style="width: 1366px; height: 62px;"></canvas></div>js代码：var SCRE…
2018-02-01 03:25 -
html5 canvas实现图片玻璃碎片特效
今天要为大家带来一款html5 canvas实现的图片玻璃碎片特效。图片以玻璃碎片的形式出现到界面中，然后似玻璃被打碎的效果渐消息。效果图如下：实现代码：html代码：<img src="city_copy.jpg" id="src_img" class="hidden"><div id…
2018-02-01 03:25 -
css3实现的鼠标经过按钮特效
今天要为各网友再带来一款css实现的鼠标经过按钮的特效。按钮初始时，边框为断开的按钮，当鼠标经过按钮时动画变为封闭的边框。效果图如下：我们一起看下实现的代码：html代码：<body><a target="_blank" class="btn-edge" href="http…
2018-02-01 03:25 -
CSS3 Transitions属性打造动画的下载按钮特效
一个网站的下载按钮应尽量吸引读者的注意。 这意味着网页设计师应该非常重视文件的下载界面。一个页面这么多的文件，如图片，视频和插件可以通过直接HTTP下载共享。许多免费网站甚至发布图标集和PSD文件供用户免费下载。在这些元素很多的网页下载按钮非常重要。下面就给大…
2018-02-01 03:25
闽ICP备12017094号-3