yanyiping992-CSDN博客

原创 11款几近完美的CSS3进度条插件

进度条在网页中的使用非常广泛，特别是现在基于jQuery和CSS3技术实现的进度条插件，外观上都非常完美，很多甚至都相当炫酷。这次我们来总结一些个人认为几近完美的CSS3进度条插件，这些都是以前我们分享过的，希望通过这次总结可以让更多的人了解和使用这些超有用的CSS3进度条。1、jQuery五彩火焰背景的3D进度条插件基于jQuery和CSS3的进度条插件五花八门，非常繁多，我们之前也介绍过一些，...

2017-12-19 21:43:26 1286

原创 12个炫酷实用的HTML5带发光动画

在网页设计中，很多元素都可以实现发光的动画效果，比如输入框、文字、进度条等等。这些简单的元素加上炫酷的发光动画就会让整个页面戴上一层绚丽的色彩。今天我们就要为大家分享12款炫酷实用的HTML5带发光动画，这里的很多应用都是可以在不少项目中使用，可以为你节省很多前端开发时间。1、纯CSS3实现超炫酷的萤火虫动画今天要为大家带来一款很有意思的纯CSS3动画，这次我们要利用CSS3的一些动画属性来绘制一...

2017-12-18 22:18:56 1270

原创 18个超有趣的SVG绘制动画赏析

SVG作为时下比较新颖的技术标准，已经建立了很多基于SVG的前端项目。由于SVG在绘制路径上非常灵活，我们将很多网页上的元素使用SVG来绘制而成，有各种人物、小图标、小动画等等。今天我们收集了18个非常新奇有趣的SVG绘制动画，这些动画大部分都是使用SVG结合一定的CSS3特性实现而成，效果让人大为震撼，一起来看看吧。1、HTML5 SVG实现会跳舞的花朵 4种跳舞心情这又是一款很有趣的HTML5...

2017-12-15 09:11:14 1631

原创多组超具创意的CSS3开关切换按钮

前不久我们刚刚为大家分享过一款超清新的纯CSS3自定义Checkbox开关，非常简洁美观。今天我们要继续为大家介绍多组超具创意的CSS3开关切换按钮，一共有8款漂亮的样式。这种纯CSS3开关切换按钮非常适合一些个性化比较强的表单页面中使用。在线演示 / 源码下载...

2017-12-14 12:24:26 929

原创 7款超华丽的HTML5 Canvas文字动画特效

文字是网页中最为常见的元素之一，当然我们使用最多的就是调整文字的颜色、大小等基本属性。有时候我们在一些活动页面上需要展示特别样式的文字效果，这时候我们就可以利用HTML5或者CSS3结合的方式来渲染文字的动画特效。本文就总结了7款超华丽的HTML5 Canvas文字动画特效，可以让你的页面更加的活灵活现，充满梦幻的色彩。1、HTML5 Canvas幻彩火焰文字特效之前我们分享过很多基于HTML5 ...

2017-12-14 07:53:15 1174

原创 7个经典创意jQuery应用插件及源码

本文主要分享一些非常具有创意的jQuery应用插件，它们不仅在外观上别具一格，而且功能上也是那么富有新意，尤其是第一个jQuery平面时钟，其设计思路让人叹为观止。还是来看看以下这些jQuery插件吧。1、jQuery超酷平面时钟特效插件这是一个非常具有创意的jQuery时钟插件，它不像其他的时钟插件一样是圆盘的或者是数字的，它是一个平面时钟，日期和时分秒的指针都是在平面上移动计时的，尽管这款jQ...

2017-12-12 08:37:56 464

原创 7款外观迷人的HTML5/CSS3 3D按钮特效

下面我整理了7款外观都十分迷人的HTML5/CSS3 3D按钮特效，有几个还挺实用的，分享给大家。1、CSS3超酷3D弹性按钮按钮实现非常简单之前我们分享过几款不错的CSS3 3D立体按钮，比如5组可爱CSS3按钮、CSS3灰色按钮菜单超具3D立体感等。今天我又要向大家分享一款实现超级简单的CSS3 3D弹性按钮，它在鼠标按下时不仅从视觉上感受到3D立体的效果，而且更有弹性的动画特效，非常可爱...

2017-12-10 08:59:21 5833 1

原创分享9款很有创意的HTML5动画

HTML5非常强大，尤其是结合CSS3、jQuery和SVG，可以制作很多非常酷的动画特效。我们也在这里分享过很多不错的HTML5动画，有兴趣的朋友可以点进去看看。今天我们整理了9款非常有创意的HTML5动画，希望你会喜欢。1、HTML5/CSS3实现大风车旋转动画这次我们要来分享一款很酷的HTML5动画，是一个可以旋转的大风车动画效果，回顾一下利用HTML5实现的旋转动画，我们可以看HTML5/...

2017-12-09 08:28:13 2071

原创 8个实用炫酷的HTML5图片动画应用

近期我们发布了不少关于HTML5和jQuery的图片动画应用，很多都比较实用，也有一些效果非常炫酷，比如一些HTML5 3D图片动画特效。本文精选了8个实用而且炫酷的HTML5图片动画应用，希望你会喜欢。1、CSS3/jQuery实现移动端滑动图片层叠效果这是一款基于jQuery和CSS3的图片层叠插件，这和我们之前介绍的CSS3图片层叠展开特效有点不同，它支持鼠标滑动切换图片，同时如果在移动端运...

2017-12-07 08:48:47 1017

原创精挑细选12款大气的HTML5/CSS3应用

上周我们也整理了不少精美的HTML5/CSS3应用插件，包括图片特效、网页菜单、Tab选项卡、按钮特效等。今天我们精选了12款大气的HTML5/CSS3应用插件，分享给大家。1、CSS3华丽的Tab菜单带小图标动画之前我们分享过一款非常出色的CSS3 Tab菜单HTML5 SVG Tab滑块菜单，结合SVG，Tab菜单实现非常灵活。今天我们要再来分享一款基于CSS3的华丽Tab菜单，这款Tab菜...

2017-12-06 08:53:25 469

原创 8款帅酷的HTML5/CSS3 3D动画、图片、菜单应用

今天要给大家分享8款帅酷的HTML5/CSS3应用，它们中包括很酷的HTML5 3D动画应用，也包括实用的CSS3图片、菜单、进度条等插件，一起来看看吧。1、HTML5 Canvas火焰燃烧动画如同掉落的火球这次要分享的是一款超级绚丽的HTML5火焰动画，画面上是一个熊熊燃烧的小火球，小球燃烧的火焰非常逼真，会比较消耗CPU。另外这个动画是在HTML5 Canvas上实现的，修改起来也非常灵活。...

2017-12-02 09:21:32 557

原创 12款基于SVG的HTML5应用和动画

SVG是HTML的扩展标记语言，利用SVG可以做非常多的矢量动画，结合HTML5，SVG就变得更加强大。下面12款HTML5动画均基于SVG，一起来看看。1、HTML5 SVG 3D蝴蝶飞舞动画逼真超酷这次我们要分享的这款HTML5动画简直就是逆天，利用SVG制作的3D蝴蝶飞舞动画，蝴蝶飞舞动画非常逼真，蝴蝶飞舞的路线是利用SVG构造的。另外，动画使用了一张立体感很强的天空背景图，让蝴蝶飞舞时更...

2017-12-01 08:20:33 1562

原创 7款纯CSS3实现的炫酷动画应用

HTML5确实非常强大，我们之前也分享过很多基于HTML5 Canvas的动画特效。但是你是否知道我们可以利用纯CSS制作一些很酷的动画效果？对，CSS3可以做到，下面分享的7款炫酷动画应用就是用纯CSS3实现的，一起来看看吧。1、纯CSS3实现人物摇头动画这次我们要来分享一款超级可爱的纯CSS3人物摇头动画，初始化的时候人物的各个部位是利用CSS3动画效果拼接而成，接下来就是人物听音乐的场景，一...

2017-11-30 08:44:33 20641 2

原创分享8个难忘的HTML5炫酷动画及源码

HTML5的强大之处不仅在于让网页元素更加灵活多变，更在于它可以很方便地实现各种网页动画特效，让你的网站更加富有现代化特色。就现在的浏览器而言，已经基本都支持HTML5了，所以这也方便了我们开发者免去了考虑浏览器兼容性的头疼问题。今天要分享一些令人难忘的HTML5炫酷动画，希望大家会喜欢。1、HTML5火球挡板碰撞动画游戏今天我们要再来分享一款超酷的HTML5火球挡板碰撞动画游戏。屏幕上有一个火球...

2017-11-29 08:19:00 18472

原创 9款大气实用的HTML5/CSS3注册登录表单

注册和登录基本上是每一个网站都会有的功能，那么如何让用户在注册和登录这个环节上有更好的用户体验呢？随着现代浏览器的发展，我们就可以用HTML5和CSS3来制作炫酷的注册登录表单，下面我们收集了9款大气实用的HTML5/CSS3注册登录表单，希望你会喜欢。1、HTML5/CSS3仿Facebook登录表单利用CSS3制作的登录表单的确很漂亮，我们在html5tricks网站上也分享过几款了，比如CS...

2017-11-25 09:41:51 2152

原创超赞！8个jQuery焦点图动画赏析

jQuery焦点图插件的应用非常广泛，插件类型也很多，特别是图片切换的动画效果有简单的，也有超级炫酷的，有些甚至还有3D的动画特效。本文要分享一些效果超赞的jQuery焦点图动画插件，这些插件也许可以在你平时的工作中起到一定的协助作用。1、宽屏可左右切换的jQuery焦点图插件今天要继续为大家分享一款很不错的jQuery焦点图插件，它是宽屏展示的，而且有两个大气的按钮用来左右切换图片。在线演示 ...

2017-11-22 08:22:09 397

原创 12款超强CSS3应用集锦下载

CSS3非常强大，它可以渲染很多你意想不到的特效，而且目前浏览器对CSS3的支持也逐渐放开了，所以利用CSS3可以制作一些即美观又实用的网页应用，下面12款CSS3应用集锦分享给大家，有源代码下载。1、CSS3各大网站分享按钮带网站Logo小图标对于CSS3分享按钮，我们在之前的文章中已经分享几款了，像纯CSS3社会化分享按钮可固定网页顶部、CSS3发光社会分享按钮等。今天我又收集了一款非常强...

2017-11-20 08:29:19 284

原创 9款最新炫酷HTML5/CSS3应用推荐

HTML5的强大之处我们已经体验过很多了，包括HTML5游戏、HTML5视频，另外结合CSS3，也能创造更多炫酷的动画特效和实用应用。今天我们要分享9款最新的炫酷HTML5/CSS3应用。如果你喜欢，赶紧分享给你的朋友吧。1、HTML5 webkit 3D立方体图片旋转滑块应用今天再来分享一款HTML5 3D立方体动画，这个只是一个3D效果模型，你可以用图片替换演示中的立方体4个面，这样就可以将这...

2017-11-19 10:52:09 1597

原创精选10款超酷的HTML5/CSS3菜单

今天向大家精选了10款超酷的HTML5/CSS3菜单，给你的网页添加不一样的精彩，一起来围观一下吧。1、CSS3手风琴菜单下拉展开带弹性动画利用CSS3技术可以实现各种各样的网页菜单，我们之前也在CSS3菜单栏目中分享了许多CSS3菜单。今天我们分享的这款是CSS3手风琴菜单，菜单项在展开和收缩的时候菜单项会有弹性动画效果。每一层父级菜单有一个小三角，菜单项在展开的时候这个小三角也会出现动画，非...

2017-11-16 08:35:33 1518

原创 12个经典大气的HTML5/CSS3应用动画

昨天为大家收集了15个华丽的HTML5动画应用，有几个应用还比较实用。今天我们就接着来分享第二波干货，也是基于HTML5和CSS3的动画应用，将涉及到HTML5表单、HTML5图片特效以及HTML5图表等应用领域，希望大家会喜欢。1、HTML5/CSS3自定义下拉框 3D卡片折叠动画之前我们分享过一款CSS3带小图标下拉菜单，它更多的是一款菜单，但是今天要分享的一款CSS3自定义下拉框取代了传统的...

2017-11-13 08:28:11 1111

原创 8个华丽的HTML5相册动画欣赏

HTML5的图片动画非常丰富，我们也在网站上分享过很多关于HTML5的图片动画。相册在网络中也十分常见，本文我们要分享一些比较华丽的jQuery/HTML5相册动画，希望大家喜欢。1、HTML5 3D相册浏览震撼人心前几天我刚刚分享过一款HTML5 3D图片插件HTML5 3D立体图片旋转播放展示，确实利用HTML5技术来做各种图片动画都非常炫。今天我们再来看一款HTML5 3D相册浏览应用，图...

2017-11-11 10:01:43 393

原创 10款让人惊叹的HTML5图片动画特效

现在网页上的图片已经不再是10几年前那种低像素的静态图片了，有了HTML5和jQuery，我们可以让一张普通的图片变得多姿多彩，特别是利用HTML5，还可以实现一些很复杂的图片动画特效。下面分享的10款图片特效就是基于HTML5和jQuery的，一起来看看吧。1、HTML5相册照片浏览器可连接Flickr照片服务以前我们经常会分享一些jQuery相册浏览插件，效果不错，实用性也很强。不过如果能利...

2017-11-10 08:12:44 12004

原创 9款令人惊叹的HTML5 3D动画应用

之前我们已经向大家分享了很多HTML5动画应用了，大部分都非常炫酷，也有一小部分是很实用的。今天我们要向各位HTML5动画爱好者介绍更多的HTML5 3D动画应用，希望大家能更加喜欢。1、HTML5鲸鱼动画又一款超酷HTML5动画之前看到过同样效果的一款鲸鱼动画，不过可惜的是那个动画是用flash制作的。今天我找到了基于HTML5的鲸鱼动画，鲸鱼会随着鼠标的移动而游动，画面非常立体，鲸鱼也超级逼...

2017-11-09 08:31:53 6097

原创 8款耀眼的jQuery焦点图滑块插件

jQuery是一款非常强大的Javascript框架，我们在html5tricks上也分享不少关于jQuery的教程和应用。今天我们要来分享一些jQuery结合HTML5实现的超酷焦点图滑块插件，一起来看看。1、HTML5/CSS3超酷焦点图特效带前后翻页按钮今天要分享的这款HTML5/CSS3焦点图插件切换效果比较简单，但是外观和功能却十分强大。该CSS3焦点图在切换图片时，图片以淡入淡出的方...

2017-11-08 07:58:49 216

原创 8个纯CSS3制作的动画应用及源码

对于一个复杂的图形或者动画来说，之前我们的处理方式是图片叠加或者利用CSS+JavaScript的方法，然而随着CSS3标准的不断成熟，我们甚至完全可以利用CSS3来绘制一些图片和制作丰富的动画特效。本文主要是分享了8个纯CSS3制作的动画应用，提供源代码下载。1、纯CSS3实现发光开关切换按钮前段时间我们向大家分享过一款牛奶般剔透的CSS3 3D开关按钮，效果相当赞。今天我们要来分享一款类似的纯...

2017-11-07 08:29:29 1111

原创 10款超实用jQuery/CSS3动画应用

这次我们要带来10款最新的jQuery/CSS3动画应用，这里有不少jQuery插件还是比较实用的，像一些jQuery菜单、jQuery图片滑块等。另外，CSS3的运用，让这些应用都添加了不同的动画效果，不仅实用，而且更酷了。1、jQuery/CSS3书本翻页动画特效多功能选项支持这是一款基于jQuery和CSS3的书本翻页动画特效，该书本翻页插件的外观非常华丽喜庆，非常适合产品活动或者育儿网站...

2017-11-06 08:02:59 499

原创 10款精美实用的jQuery焦点图动画推荐

在上一波的文章中，我们介绍了9个精巧绚丽的jQuery图片滑块动画，并且每一个焦点图动画都附有源代码下载。本文将继续为大家分享一些最新的jQuery焦点图动画，这些jQuery焦点图插件都比较精美，而且也非常实用，只要简单地配置便可将这些jQuery焦点图动画应用到自己的网站中去了。1、jQuery淡入淡出切换效果的焦点图插件昨天我们为大家分享过一款多图切换jQuery图片滑块插件，宽频展示，非常...

2017-11-04 09:20:04 489

原创 16个最佳HTML5超酷动画演示及源码

今天是周末，一起来回顾一下分享的最佳HTML5 3D动画演示及源码，HTML5非常强大，是WEB开发的未来。1、HTML5/CSS3图片选择动画可选择多张图片之前我们已经分享过几款很酷的HTML5图片特效，像HTML5 3D图片折叠特效、HTML5 3D旋转图片相册等应用。今天我们来分享一款既炫酷又实用的HTML5图片选择特效，当图片被选中时，图片上就会覆盖一个半透明的层，上面有一个勾，并且在选...

2017-11-03 08:00:37 1321

原创超级惊艳 10款HTML5动画特效推荐

今天我们要来推荐10款超级惊艳的HTML5动画特效，有一些是基于CSS3和jQuery的，比较实用，特别是前几个HTML5动画，简直酷毙了，现在将它们分享给大家，也许你能用到这些HTML5动画和jQuery应用。1、HTML5 Canvas发光Loading动画之前我们分享过很多基于CSS3的Loading动画效果，相信大家都很喜欢。今天我们要来分享一款基于HTML5 Canvas的发光Loadi...

2017-10-31 08:45:54 5411

原创 9款精美别致的CSS3菜单和按钮

今天我们要来分享9款精美别致的CSS3菜单和按钮，菜单有动画菜单、下拉菜单、环形菜单，按钮也非常漂亮，一起来看看。1、超具立体感的CSS3 3D菜单菜单项带小图标记得之前向大家分享过不少CSS3 3D菜单，比如CSS3 3D动画菜单 3D立方体菜单项和HTML5/CSS3自定义下拉框 3D卡片折叠动画，效果都很漂亮。今天我们要再分享一款更酷的CSS3 3D立体菜单，这款菜单侧躺在页面上，每个菜单...

2017-10-26 21:36:41 3193 2

原创大饱眼福 7款类型各异的CSS3实用菜单

在网站上应用一款具有表现力和用户体验的网页菜单非常重要，如果你的网站很现代，那么请利用HTML5和CSS3来完成菜单功能，因为这会让你的网站变得非常有活力。下面分享的7款类型各异的CSS3实用菜单将会给你一些设计灵感，欢迎收藏。1、清新小图标的HTML5/CSS3侧边栏菜单之前我们分享过几款CSS3侧边栏菜单，像CSS3侧边栏菜单带可爱的小图标菜单和CSS3侧边栏手风琴菜单，都非常不错。今天我们...

2017-10-19 12:56:40 323

原创超酷震撼 8个HTML5/CSS3动画应用及源码

HTML5可以制作非常华丽的动画效果，这点通过之前的分享学习我们已经有深刻的了解了，今天我们主要来分享一些HTML5结合CSS3形成的超炫震撼的动画应用以及它们的源代码，真的非常不错。1、纯CSS3创意Loading加载动画今天要来分享一款非常具有创意的CSS3 Loading动画效果，整个Loading动画就像一部开足马力的发动机，在不停地循环工作，看上去Loading动画样式十分新颖。之前我们...

2017-10-18 12:10:59 587

原创 9个精巧绚丽的jQuery图片滑块动画

jQuery图片滑块动画即jQuery焦点图，它可以完成网页上的多张图片的轮流播放，并且图片切换时附上绚丽的动画效果。本文主要向大家分享了一些精巧绚丽而且实用的jQuery图片滑块插件，这些图片动画插件可以帮助你完成更炫酷的图片展示，一起来看看吧。1、jQuery/HTML5超炫全屏焦点图插件这次我们要来分享一款非常绚丽的jQuery焦点图插件，同时这款焦点图也利用了HTML5和CSS3的相关特性...

2017-10-17 12:39:37 319

原创 8款效果惊艳的HTML5 3D动画

HTML5凭借着其强大的3D渲染能力，让很多开发者都跃跃欲试，都想亲自体验一下HTML5的3D效果。今天本文就分享8款效果惊艳的HTML5 3D动画，您可以捡现成的看看，顺便也可以学习学习HTML5的相关知识。1、HTML5 WebGL水面水波荡漾特效之前已经向各位分享过一款很逼真的HTML5水波荡漾特效，效果还算不错。今天再向大家分享一款更加给力的HTML5水波动画，画面上是一个大水池，水池底部...

2017-10-16 21:09:11 4423

原创 7款HTML5精美应用教程让你立即爱上HTML5

你喜欢HTML5吗？我想下面的这7个HTML5应用一定会让你爱上HTML5的，不信就一起来看看吧。1、HTML5/jQuery雷达动画图表图表配置十分简单之前我们介绍过不少形形色色的HTML5图表了，像这款HTML5折线图表Aristochart是一款很不错的折线图表，这款HTML5 Canvas饼状图表也很酷。今天我们再来分享一款很特别的HTML5图表，它是利用HTML5和jQuery的雷达动...

2017-10-15 09:40:27 232

原创 8个炫酷实用的HTML5应用和jQuery插件

又开始了新的一周，我们也将继续为大家分享许多优秀的HTML5应用和jQuery插件，作为前端开发者来说，这些资源可以帮助你在项目开发上派上用场。下面一起来看看这些炫酷而实用的HTML5应用和jQuery插件吧。1、jQuery/CSS3图片洗牌切换动画特效这是一款基于jQuery和CSS3的图片动画特效，该图片动画是洗牌的效果，我们只需点击切换按钮，即可一张张切换图片。另外，如果你长按住按钮不放，...

2017-10-12 08:07:29 280

原创霸气的HTML5 7款无Flash HTML5动画特效

以前我们想在网页上实现一些动画特效，第一选择肯定是Flash，但是现在HTML5已经非常流行，我们很多时候都会选择HTML5来实现一些动画特效，尤其是利用HTML5 Canvas特性。下面分享7款无Flash HTML5动画特效。1、HTML5 Canvas火焰喷射动画效果还记得以前分享过的一款HTML5烟花动画HTML5 Canvas烟花特效，今天我们要来分享一款类似的HTML5动画效果，一款基...

2017-10-11 17:58:43 1569

原创 9款惊艳的HTML5/CSS3动画应用赏析

Web开发的未来必定是让网页更加的多样化，更加绚丽多彩，用户交互更加方便。HTML5的应用正好可以达到这一要求，本文主要分享了9个基于HTML5和CSS3的动画应用，效果相当惊艳，一起来看看吧。1、HTML5 Canvas实现会跳舞的时间动画这是一款很有意思的HTML5 Canvas时间动画，总体来说，它是一个可以和客户端同步的时钟，其特点是当时间走动时，数字将会散落成一个个粒子动画，这种HTML...

2017-10-05 15:33:30 1029

原创干货分享 9款精挑细选的HTML5应用

对于前端开发者来说，分享一些优秀的HTML5应用可以直接拿来用，更重要的是可以激发创作的灵感。今天我们要分享9款精挑细选的HTML5应用，个个都是干货。1、HTML5/CSS3滑块动画菜单图标动画很酷CSS3菜单我们之前已经分享很多了，有3D菜单、下拉菜单、Tab菜单等，具体大家可以移步至CSS3菜单栏目下查找。今天我们要分享的这款HTML5/CSS3滑块动画菜单非常酷，鼠标滑过菜单项时会有一个...

2017-09-30 20:38:19 138

原创 9款超炫HTML5最新动画源码

我们分享过很多漂亮的HTML5动画，包括CSS3菜单、HTML5 Canvas动画等。今天我们精选了9款非常不错的超炫HTML5最新动画及其源码，一起来看看。1、HTML5可爱的404页面动画很逗的机器人很久以前我在网上看到一篇帖子，是专门分享创意404页面的，很可惜我已经找不到了。但是今天我找到一款利用HTML5实现的404机器人动画，当你进入该404页面时，就会出现一个机器人在跳舞，非常可爱...

2017-09-30 09:20:28 1470

空空如也

空空如也