10款web前端的特效及源码下载
10爱前端网 - Yang 发布于 2014-09-20
1.JQUERY实现自适应缩略图桩效应与自动分组 这是用一个实验性的jQuery插件,将一组缩略图根据共享数据属性组合(下文将会讲到)堆在一起,当点击其中的一个缩略图组合时,属于这个组合里面的缩略图将会通过CSS转换扩散到一个网格布局里。 在线演示 源码下载 2.HTML5+CS...
阅读(2738)赞 (1)
爱前端网 - Yang 发布于 2014-09-20
1.JQUERY实现自适应缩略图桩效应与自动分组 这是用一个实验性的jQuery插件,将一组缩略图根据共享数据属性组合(下文将会讲到)堆在一起,当点击其中的一个缩略图组合时,属于这个组合里面的缩略图将会通过CSS转换扩散到一个网格布局里。 在线演示 源码下载 2.HTML5+CS...
阅读(2738)赞 (1)
爱前端网 - Yang 发布于 2014-09-19
1.ios页面过渡效果插件Kontext 灵感来自于iOS, Kontext是context-shift过渡。使用JavaScript创建,CSS 3d变换和CSS动画 在线演示 源码下载 2.使用HTML5实现刮刮卡效果 你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享...
阅读(2227)赞 (0)
爱前端网 - Yang 发布于 2014-09-17
1.jquery灯箱插件Lightbox 原来的lightbox脚本在最近的8年依然很火。它是100%免费使用。 在线演示 源码下载 2.CSS3立体3D菜单 蓝色淡雅风格菜单 今天我们要来分享一款基于CSS3的3D菜单,这款菜单式蓝色淡雅风格的,鼠标滑过菜单项时还会有淡入淡出的...
阅读(1596)赞 (0)
爱前端网 - Yang 发布于 2014-09-15
1.纯CSS3实现超酷的磁带动画 我们要用纯CSS3来实现一个超酷的磁带动画特效。首先用纯CSS3绘制了一个磁带的外观,还是相当逼真的,然后用CSS3的动画属性实现了磁带的旋转,就像在播放歌曲一样,如果配合HTML5的音频播放功能,就和那个磁带播放器差不多了。 在线演示 源码下载...
阅读(2341)赞 (0)
爱前端网 - Yang 发布于 2014-09-14
在HTML4等早期版本中,input元素已经有了一些type类型,type可取的值有下面这些: text文本类型:<input type=”text”/> password密码类型:<input type=”password&...
阅读(2097)赞 (0)
爱前端网 - Yang 发布于 2014-09-12
1.vivo官网左右全屏动画焦点图 vivo官网左右全屏动画焦点图是一款基于jquery+html5实现的步步高vivo官网图片切换动画效果代码。 在线演示 源码下载 2.多种类型自定义对话框插件jDialog 多种类型自定义对话框插件jDialog是一款基于jquery实现的轻...
阅读(1609)赞 (0)
爱前端网 - Yang 发布于 2014-09-10
1.HTML5无限循环背景模版 HTML5无限循环背景模版 在线演示 源码下载 2.十五种基于modernizr.js实现的选项卡切换特效 今天向大家分享十五种全新的内容选项卡切换特效,每一组选项卡均加入了通过svg技术实现的小图标,由于采用了基于modernizr.js这款开源...
阅读(1808)赞 (0)
爱前端网 - Yang 发布于 2014-08-28
1.纯css3实现的超炫checkbox复选框和radio单选框 纯css3实现的checkbox复选框和radio单选框,效果超级炫。 在线演示 源码下载 2.css3和jquery实现的可折叠导航菜单(适合手机网页) 适合放在手机网页的导航菜单。点击列表图标以下拉式的形式显示...
阅读(1969)赞 (0)
爱前端网 - Yang 发布于 2014-08-25
HTML5非常酷,利用HTML5制作动画简直让我们忘记了这世界上还有flash的存在。今天我们要分享的一些HTML5动画都还不错,有些动画设计还是挺别出心裁的。另外,每一款HTML5动画都提供源代码下载,并且我们对源码作一些简单的分析。 1.纯css3实现的圆形旋转分享按钮 今天...
阅读(2172)赞 (0)
爱前端网 - Yang 发布于 2014-08-23
1.jQuery 3D圆盘旋转焦点图 支持鼠标滚轮 今天介绍的这款jQuery焦点图非常特别,所有图片围成一个圆圈,组成一个立体视觉的圆盘,并且可以旋转选择圆盘中的图片。另外,这款jQuery 3D圆盘旋转焦点图插件还支持鼠标滚轮,可以让你更方便地浏览图片。 在线演示 源码下载 ...
阅读(2301)赞 (0)
爱前端网 - Yang 发布于 2014-08-22
jQuery是一款普遍受前端开发者欢迎的Javascript框架,但是开发者貌似更关注jQuery开发的插件,海量的jQuery插件让前端开发者非常方便。HTML5的加入让jQuery这个家族更加丰富多彩,因为利用HTML5,我们可以制作更加绚丽动感的动画特效,HTML5结合jQ...
阅读(3342)赞 (0)
爱前端网 - Yang 发布于 2014-08-20
写css,你少不了与margin打交道。你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常...
阅读(1461)赞 (0)
爱前端网 - Yang 发布于 2014-08-17
这里集合的这组 HTML5 & CSS3 效果,有的是网站开发中常用的、实用的功能,有的是先进的 Web 技术的应用演示。不管哪一种,这些案例中的技术都值得我们去探究和学习。 1、超炫的 HTML5 粒子效果进度条 我喜欢粒子效果作品,特别是那些能够应用于实际的,例如这个...
阅读(4865)赞 (0)
爱前端网 - Yang 发布于 2014-08-09
1.纯CSS3实现自定义Tooltip边框 涂鸦风格 这是一款用纯CSS3打造的自定义Tooltip边框的应用,之前我们讨论过如何用CSS3来实现不同样式的Tooltip,今天的这款Tooltip却可以用CSS3来自定义边框,边框呈涂鸦风格。用CSS3实现自定义边框的好处是可以自...
阅读(2191)赞 (0)
爱前端网 - Yang 发布于 2014-08-06
1.jQuery圆形统计图(百分比) 今天我给大家介绍一款圆形统计图circliful,它基于HTML5的画布和jQuery,无需使用图像轻松实现圆形统计图,而且有很多属性设置,使用起来非常方便。 在线演示 源码下载 2.jQuery年月日(生日)选择器 我们在编辑用户资料时经常...
阅读(2496)赞 (0)
爱前端网 - Yang 发布于 2014-08-04
html5和css3流行至今,我在做响应式的网站一直是在“尝试”的阶段。并没有深入的去研究和学习,浅显的理解就是根据屏幕分辨率的大小,网站布局、图片、文字大小等相应改变。以后使用平板、手机浏览网站的用户会越来越多,对于前端设计师,学好用html5、css3...
阅读(1585)赞 (0)
爱前端网 - Yang 发布于 2014-08-04
1、HTML5 3D爱心动画 晚来的七夕礼物 七夕情人节刚过,今天小编却在国外的网站上看到一个利用HTML5和CSS3制作的3D爱心动画,莫非老外也过七夕?当然小编还是将这款HTML5 3D爱心动画收藏了起来,虽是晚来的七夕礼物,但还是可以讲这款爱心动画留到明年七夕再用嘛。大家可...
阅读(2337)赞 (0)
爱前端网 - Yang 发布于 2014-08-02
1、HTML5 Loading动画加载 五彩的圆环Loading 今天我们要分享一款基于HTML5的Loading加载动画特效,这款HTML5加载动画是一个五彩的圆环,圆环不停地转动从而体现加载正在进行。如果你感兴趣,可以查看这款HTML5 Loading动画的在线演示,效果还不...
阅读(2168)赞 (0)
爱前端网 - Yang 发布于 2014-07-31
A – AJAX AJAX 全称为 Asynchronous JavaScript and XML (异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。根据Ajax提出者Jesse James Garrett建议,AJAX: 使用XHTML+...
阅读(2146)赞 (0)
爱前端网 - Yang 发布于 2014-07-30
HTML5可以制作非常华丽的动画效果,这点通过之前的分享学习我们已经有深刻的了解了,今天我们主要来分享一些HTML5结合CSS3形成的超炫震撼的动画应用以及它们的源代码,真的非常不错。 1、纯CSS3创意Loading加载动画 今天要来分享一款非常具有创意的CSS3 Loadin...
阅读(2821)赞 (1)