爱前端网

爱前端网 - Yang 发布于 2015-01-28

1.HTML5实现图形挤压变形动画 今天我们要来分享一款很特别的HTML5动画特效，它是一款图形挤压动画。鼠标移动小球，该小球会和周围的几个小球产生挤压效果，从而使受挤压的小球产生相应的变形，利用HTML5是这个挤压变形的特效显得非常逼真，一起来玩玩吧。 在线演示 源码下载 2....

阅读(1678)赞 (0)标签：CSS / CSS3 / HTML / HTML5 / Javascript / Jquery / web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-27

1.右侧带缩略图导航的jQuery焦点图 今天我们要来分享一款右侧带缩略图导航的jQuery焦点图插件，这款jQuery焦点图插件的特点是右侧有一列缩略图导航列表，并且可以定义任意数量的图片，你可以拖动列表来查看所有的图片，点击缩略图后，即可实现图片的上下切换动画。 在线演示 源...

阅读(2383)赞 (0)标签：CSS / CSS3 / HTML / HTML5 / Javascript / Jquery / web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-26

1.Skytte：一款令人印象深刻的 HTML5 射击游戏 Skytte 是一款浏览器里的 2D 射击游戏。使用 Canvas 元素和大量的 JavaScript 代码实现。Skytte 是用我们的开源和现代的前端技术创造的。经典，快节奏的横向滚动射击游戏，探索新的 HTML5 ...

阅读(2400)赞 (0)标签：CSS / CSS3 / HTML / HTML5 / Input / Javascript / Jquery / WEB前端

爱前端网 - Yang 发布于 2015-01-25

这篇文章给大家分享让开发人员生活更轻松的免费工具和资源。所以，如果你正在寻找一些为迅速解决每天碰到的设计和开发问题的工具和资源，不要再观望，试试这些工具吧。这些奇妙的工具不仅会加快您的生产，也让你的工作质量提升。 1、Cascade Framework 很独特的 CSS 框架，进...

阅读(1662)赞 (0)标签：CSS / HTML / HTML5 / Javascript / WEB前端

爱前端网 - Yang 发布于 2015-01-24

1、10大流行的 Metro UI 风格的 Bootstrap 主题和模板 Metro UI 是一种界面展示技术，是 Windows 8 的主要界面显示风格。Metro界面和 iOS、Android 界面最大的区别在于：后两种都是以应用为主要呈现对象，而 Metro 界面强调的是...

阅读(1765)赞 (0)标签：CSS / HTML / HTML5 / Javascript / Jquery / WEB前端

爱前端网 - Yang 发布于 2015-01-24

人们往往喜欢那些有更多互动元素的网站，因此现在很多设计师专注于他们的CSS3技能。这是因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力。这里分享的10个优秀的CSS3按钮效果制作教程，你可以学习这些技术并使用它们为您的作品创造更多的乐趣。 1、CSS3 Button...

阅读(1781)赞 (0)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / WEB前端 / web前端

爱前端网 - Yang 发布于 2015-01-23

1.jQuery饼状图表数据分布插件 之前我们分享过很多基于HTML5和CSS3的网页图表应用，很多都包含饼状图，非常实用。今天我们要再来分享一款jQuery饼状图表插件，我们可以自定义图表数据，并且还可以定义饼状图每一个数据区域的颜色。 在线演示 源码下载 2.纯CSS3实现质...

阅读(2865)赞 (0)标签：web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-22

1.10组CSS3鼠标滑过文字动画特效 之前我们分享过很多CSS3文字动画特效，比如CSS3 3D镂空文字特效和HTML5粒子效果的文字动画特效。今天要介绍10组基于CSS3的鼠标滑过文字动画特效，有上凸、下凹等文字动画。这些炫酷的CSS3文字效果可以让网页变得更加绚丽。 在线演...

阅读(2589)赞 (0)标签：web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-21

1.HTML5 SVG绘制的纸鹤动 带颜色渐变效 前面我们分享过一款基于HTML5和SVG的创意开关切换按钮，比较实用。这次要带来的这款HTML5应用也是基于SVG的，是一只雄伟的纸鹤，并且纸鹤的皮肤颜色会不断地发生变化，动画效果非常不错，小编认为，如果纸鹤能动起来那就更加完美了...

阅读(2568)赞 (0)标签：WEB前端 / web前端

爱前端网 - Yang 发布于 2015-01-20

1.基于jQuery实现的网站首页宽屏幻灯片 jQuery网站首页宽屏幻灯片代码是一款基于jquery+css3实现的带有弹性平滑动画切换效果的jquery特效，此段代码适应于所有想要的网页的使用，有兴趣的朋友们可以前来下载使用。本段代码兼容目前最新的各类主流浏览器，是一款非常优...

阅读(3400)赞 (0)标签：WEB前端 / web前端

爱前端网 - Yang 发布于 2015-01-19

1.jQuery垂直滑动切换焦点图动 对于jQuery垂直焦点图，我们之前已经分享过不少了，其中比较经典的这款jQuery纵向滑块焦点图插件，效果非常不错。今天我们要再介绍一款jQuery垂直滑动切换的焦点图动画，整个jQuery焦点图是宽屏的，显得十分大气 在线演示 源码下载 ...

阅读(2662)赞 (0)标签：CSS3 / HTML5 / Jquery / web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-18

1.HTML5粒子效果的文字动画特 记得之前向大家分享过一款HTML5 Canvas实现会跳舞的时间动画，利用了HTML5的粒子动画特性。今天要分享的也是一款基于HTML5的粒子效果的文字动画特效，并且它可以实现每个文字的逐帧播放，形成一句很浪漫的诗句 在线演示 源码下载 2.j...

阅读(3865)赞 (0)标签：WEB前端 / web前端

爱前端网 - Yang 发布于 2015-01-17

1.ScrollReveal.js 帮助你实现超炫的元素运动效果 ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力。只需要给元素增加 data-scrollreveal 属性，当元素进入可视区域的时候会自动被触发设置好的动画 在线...

阅读(3040)赞 (0)标签：web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-16

1.CSS3创意开关切换按 今天我们要来分享一款非常有创意的CSS3开关切换按钮，和之前分享的这款CSS3发光开关按钮类似，它也具有点击后按钮切换的动画特效，更有特色的是，该按钮在切换过程中其边框会产生扭动的动画特效，看上去非常不错 在线演示 源码下载 2.十四种不同类型的inp...

阅读(2522)赞 (0)标签：CSS3 / HTML5 / Jquery / WEB前端 / web前端

爱前端网 - Yang 发布于 2015-01-15

1.jQuery/CSS3带未读提醒的垂直菜单 这是一款基于jQuery和CSS3的垂直动画菜单，这款jQuery菜单的特点是菜单整体悬浮在一张大气的背景图片上，很有立体的视觉效果。其次这款菜单带有信箱未读提醒，并且不断地闪烁来提示用户打开邮件箱check邮件 在线演示 源码下载...

阅读(2302)赞 (0)标签：WEB前端

爱前端网 - Yang 发布于 2015-01-14

1.jquery实现的模仿PS橡皮擦涂抹图片效果的特效 jquery实现的模仿PS橡皮擦涂抹图片效果的特效源码，是一段实现了photoshop中的橡皮擦效果的代码，该段代码可以用于抽 刮奖的效果中，本段代码的主要实现效果为，用鼠标点击拖动后，在相关区域内显示遮罩下的图片效果，并且...

阅读(2652)赞 (0)标签：WEB前端

爱前端网 - Yang 发布于 2015-01-13

1.jQuery实现的全屏无刷新定位滚动导航 jQuery实现的全屏无刷新定位滚动导航效果源码，是一段实现了点击导航后在本页面内定位滚动到相应位置与鼠标下拉后，当前内容的相应导航栏目会被自动定位到，效果表现为：栏目背景颜色和下方图标的效果代码，本款代码适应于所有网页使用，有兴趣的...

阅读(2931)赞 (0)标签：WEB前端

爱前端网 - Yang 发布于 2015-01-12

1.基于jQuery的图片左右滑动焦点图 今天给大家分享一款基于jQuery的焦点图插件，这款jQuery焦点图插件的特点是可以多张图片左右滑动切换，可以点击切换按钮进行图片滑动，同时也支持图片自动切换。另外，这款jQuery焦点图是宽屏的，看上去十分大气，很适合产品图片的展示 ...

阅读(2881)赞 (0)标签：WEB前端