9 款赏心悦目的 HTML5/CSS3 特效

1.HTML5 WebGL实验,超酷的HTML5 Canvas波浪墙这是一款HTML5 Canvas实验项目,也是波浪特效,只是这不是真正的水波,而是利用柱体高度的变化实现的波浪墙效果. 在线演示源码下载 2.HTML5重力感应动画特效,冲撞小球演示页面上会掉落大小不等的小球,我们可以拖动小球,也可以点击页面空白来生产更多的小球,如果你的电脑配置高,可以试试产生更多的小球来玩,非常有趣. 在线演示源码下载 3.HTML5 Canvas图表应用RGraph,图表功能非常强大一款功能强大的…

15款免费的 HTML5/CSS3 响应式网页模板

如果你想快速制作出一个优秀的网站,网站模板一定是必不可少的.网页设计师和开发人员也可以从网站模板入手,学习先进的布局方式和编码风格.下面这个列表为大家挑选了15款免费的 HTML5/CSS3 响应式网页模板,相信会有你需要的. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读文章集锦经典网页设计:25个应用视差滚动单页网站经典网页设计:20个新鲜出炉 HTML5 网站经典网页设计:20例简洁精美着陆页面设计经典网页设计:20个简约风格电子商务网站 1. Big Picture 2…

分享8款绚丽的HTML5/jQuery特效插件

有几天没有分享前端资源了,今天要向大家分享15款非常给力的HTML5/jQuery特效插件,废话少说,一起来看看. 1.CSS3图片重力感应特效很酷的一款CSS3模拟重力感应特效,你可以拖动图片来甩开图片,途中会产生很多碰撞,完全和现实中重力感应效果一样. 2.jQuery侧边多级菜单插件这是一款非常有特色的jQuery多级下拉菜单,点击父菜单即可在菜单傍边弹出下级子菜单,也可以点击BACK菜单项返回父级菜单,非常个性化. 3.HTML5超级玛丽游戏这款儿时常玩的超级玛丽游戏现在制作成了H…

7款震撼人心的HTML5文字特效

1.CSS3五彩文字特效文字带阴影效果这是一款非常具有卡通形象的CSS3五彩文字特效,虽然没有迷人的动画效果,但是五彩缤纷的文字展现在屏幕上也是非常酷的,再加上每一个文字都有不同角度的阴影效果,加上漂亮的英文字体,让整一个文字特效显得非常出色迷人,大家可以在宣传广告页面试试这款CSS3文字特效. 在线演示源码下载 2.HTML5/CSS3 Loading动画水位充满文字特效这款HTML5动画既是Loading特效也是文字特效,Loading动画开始时,文字中的水位渐渐上升,为了模拟水位…

HTML5+CSS3特效设计集锦

20款CSS3鼠标经过文字背景动画特效站长之家 -- HTML5特效索引爱果果h5酷站欣赏 30个酷毙的交互式网站(HTML5+CSS3) 轻松搞定动画!17个有趣实用的CSS 3悬停效果教程 HTML 5能怎么玩?21个HTML5+CSS3酷炫网站帮你忙! 潮流标配!20个最新的HTML5/CSS3优秀网站 20个实用便捷的CSS3工具.库及实例酷炫难挡!32个技术高超的CSS3网页设计欣赏 20个超赞的HTML5网页游戏设计欣赏 9个超绚丽的HTML5 3D图片动画特效 30几个HT…

15款HTML5/CSS3案例展示，导航，日历，钟表。

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

精选19款华丽的HTML5动画和实用案例

下面是本人收集的19款超酷HTML5动画和实用案例,觉得不错,分享给大家. 1.HTML5 Canvas火焰喷射动画效果还记得以前分享过的一款HTML5烟花动画HTML5 Canvas烟花特效,今天我们要来分享一款类似的HTML5动画效果,一款基于HTML5 Canvas火焰喷射动画.用鼠标拖动一条直线,直线长度表示火焰喷射的力度,另外,火焰在运动中还可以反射效果哦. 在线演示源码下载 2.HTML5 3D立方体旋转动画之前我们已经分享一款HTML5 3D正方体旋转动画,可以…

7款震撼人心的HTML5CSS3文字特效

1.HTML5像素文字爆炸重组动画特效今天我们要分享一款基于HTML5技术的文字像素爆炸重组动画特效,我们可以在输入框中指定任意文字,点击确定按钮后,就会将原先的文字爆炸散去,新的文字以像素点的形式组合起来,看起来非常棒. 在线演示源码下载 2.HTML5/CSS3 3D文字特效文字外翻效果今天我们再来分享一款很酷的HTML5/CSS3 3D文字特效,该文字特效的效果是鼠标滑过文字就会出现3D外翻的效果,非常不错的一款文字特效. 在线演示源码下载 3.HTML5/CSS3发光文字可自…

10款web前端基于html5/CSS3应用特效

1.jQuery百叶窗效果焦点图多种百叶窗动画方式对于百叶窗动画效果,我们介绍的不是很多,目前就介绍过一款CSS3百叶窗图片切换.这次要给大家带来一个基于jQuery的多种百叶窗动画效果焦点图,焦点图的切换伴随随机的百叶窗动画,每一种百叶窗动画都非常精巧,当然你也可以定义自己的百叶窗动画,将其加入动画列表中. 在线演示源码下载 2.jQuery多层级垂直手风琴菜单之前我们分享过一款类似的jQuery垂直手风琴菜单CSS3手风琴菜单下拉展开带弹性动画,这次分享的这款手风琴菜单是多层级的,…

9款超绚丽的HTML5/CSS3应用和动画特效

1.CSS3飘带状3D菜单菜单带小图标这次我们要来分享一款很特别的CSS3菜单,菜单的外观是飘带状的,并且每一个菜单项有一个精美的小图标,鼠标滑过菜单项时,菜单项就会向上凸起,像是飘带飘动一样,形成非常酷的3D视觉效果.这款CSS3飘带状3D菜单非常适合作一些活动页面的菜单导航. 在线演示源码下载 2.HTML5/CSS3 3D纸片折叠动画今天我们再来分享一款非常华丽的HTML5/CSS3 3D动画特效,尽管它目前很少能在项目中应用,但从源码中我们可以学到很多HTML5 3D动画的制作知…

9款赏心悦目的HTML5/CSS3应用特效

经过几天的收集,在html5tricks网站上又增加了不少HTML5的教程和应用,今天我把几款赏心悦目的HTML5/CSS3应用特效总结了一下,一共9款HTML5特效,分享给大家. 1.HTML5 WebGL实验超酷的HTML5 Canvas波浪墙在HTML5特效中,和水波相关的我们已经分享过两款:HTML5 WebGL水面水波荡漾特效.HTML5水波荡漾动画特效.这又是一款HTML5 Canvas实验项目,也是波浪特效,只是这不是真正的水波,而是利用柱体高度的变化实现的波浪墙效果. 在线演…

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

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

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

1.CSS3超酷3D弹性按钮按钮实现非常简单今天我又要向大家分享一款实现超级简单的CSS3 3D弹性按钮,它在鼠标按下时不仅从视觉上感受到3D立体的效果,而且更有弹性的动画特效,非常可爱. 在线演示源码下载 2.新款CSS3按钮组合 5组可爱CSS3按钮就再来分享一款可爱的CSS3按钮组合,该CSS3按钮一共有5种不同的风格,有几款还有3D立体的效果.一起来欣赏这些可爱的CSS3按钮吧. 在线演示源码下载 3.3D CSS3按钮支持单按钮和按钮组 CSS3按钮可以做的非常漂亮,又可以…

10款基于HTML5+CSS3实现的超酷源码动画

1.基于Bootstrap的jQuery登录表单这是一款基于Bootstrap的登录表单,表单的外观自然不用说,沿用了Bootstrap的风格,非常漂亮.这款登录表单有一个经过CSS3处理过的头像图片,同时还有HTML5表单字段的简单验证,CSS3的使用,让整个登录表单的投影显得更加立体. 在线演示源码下载 2.很酷的CSS3多窗口邮件阅读器这是一款非常炫酷华丽的CSS3邮件阅读器界面,它的特点是你可以同时点开多个邮件,而不必跳转页面.当你阅读完后可以点击关闭按钮关闭当前邮件的窗口.对于这…

10款让你心动的 HTML5 & CSS3 效果

这里集合的这组 HTML5 & CSS3 效果,有的是网站开发中常用的.实用的功能,有的是先进的 Web 技术的应用演示.不管哪一种,这些案例中的技术都值得我们去探究和学习. 1.超炫的 HTML5 粒子效果进度条我喜欢粒子效果作品,特别是那些能够应用于实际的,例如这个由 Jack Rugile 基于 HTML5Cavnas 编写的进度条效果.看着这么炫的 Loading 效果,即使让我多等一会也无妨:) 在线演示源码下载 2.使用 CSS3 打造一组质感细腻丝滑的按钮 CSS3 引入了众多…

三款精美的html5及css3的源码插件

1.HTML5 3D爱心动画晚来的七夕礼物七夕情人节刚过,今天小编却在国外的网站上看到一个利用HTML5和CSS3制作的3D爱心动画,莫非老外也过七夕?当然小编还是将这款HTML5 3D爱心动画收藏了起来,虽是晚来的七夕礼物,但还是可以讲这款爱心动画留到明年七夕再用嘛.大家可以点解DEMO来看看. 在线演示源码下载 2.jQuery可拖拽删除小图标回收站利用jQuery实现拖拽非常简单,我们直接可以利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素.今天我们就利用jQue…

8款HTML5动画特效推荐源码

1.HTML5 Canvas发光Loading动画之前我们分享过很多基于CSS3的Loading动画效果,相信大家都很喜欢.今天我们要来分享一款基于HTML5 Canvas的发光Loading加载动画特效.Loading旋转图标是在canvas画布上绘制的,整个loading动画是发3D的视觉效果,HTML5非常强大. 在线演示源码下载 2.jQuery球状放大镜特效插今天我们要来分享一款基于jQuery的放大镜特效插件,和其他放大镜不同的是,这款jQuery放大镜插件是球状的,看上去有3…

分享9款用HTML5/CSS3制作的动物人物动画

1.纯CSS3绘制可爱的蚱蜢还有眨眼动画今天我们要分享一个利用纯CSS3绘制的蚱蜢动画,非常可爱. 在线演示源码下载 2.HTML5 Canvas头发飘逸动画很酷的HTML5动画 HTML5 Canvas动画非常炫酷,很多有创意的开发者可以利用HTML5的Canvas特性创造出很多不错的动画特效.今天我们要分享一款HTML5 Canvas头发飘逸动画,该动画模拟头发飘动的效果,加上可爱的人脸,可以说非常有技术含量,更富有创意. 在线演示源码下载 3.HTML5/SVG实现随风摇摆的动画…

9款让你眼前一亮的HTML5/CSS3示例及源码

1.HTML5 3D点阵列波浪翻滚动画今天我们要再分享一款基于HTML5 3D的点阵列波浪翻滚动画特效,同样是非常的壮观. 在线演示源码下载 2.HTML5小球弹跳动画很不错的3D小球今天我要向大家分享一款很逼真的HTML5动画特效,它是3个色彩各异的弹跳小球,每一个小球在弹跳的时候都会有变化的小球投影,让整个动画更加逼真,而且具有3D的视觉效果. 在线演示源码下载 3.纯CSS3纸片层叠而成的庙宇动画今天要分享的这款纯CSS3动画非常特别,动画主体的原型是一座庙宇的屋顶,它用3张纸…

8款给力HTML5/CSS3应用插件可爱的HTML5笑脸

1.HTML5/CSS3实现笑脸动画非常可爱今天我们要分享一款基于纯CSS3实现的笑脸动画,我们只要在面部滑动鼠标,即可让人物的眼睛嘴巴动起来,实现微笑的效果,还挺可爱的. 在线演示源码下载 2.jQuery+Html5实现唯美表白代码:亲爱的女神,我来了! jQuery+Html5实现唯美表白的动画代码:浪漫的动画效果,程序员表白必备! 在线演示源码下载 3.CSS3 3D发光按钮立体感十分强烈这是一款很特别的CSS3按钮,按钮整体是灰黑色主题,每一个按钮在按下时有非常漂亮的3D效…

分享10款功能强大的HTML5/CSS3应用插件

1.纯CSS3美化Checkbox和Radiobox按钮外观很时尚利用CSS3我们可以打造非常具有个性化的用户表单,今天我们就利用CSS3美化Checkbox复选框和Radiobox单选框.CSS3美化Checkbox和Radiobox的原理很简单,在页面上新建一个checkbox和radiobox并给予他们默认的label标签显示文字,然后将checkbox和radiobox隐藏,再利用CSS3来美化label标签,这样,我们就自定义了checkbox和radiobox,外观很时尚. 在线…

分享9款极具创意的HTML5/CSS3进度条动画

1.HTML5/CSS3图片加载进度条可切换多主题今天要分享的这款HTML5/CSS3进度条模拟了真实的图片加载场景,插件会默认去从服务器下载几张比较大的图片,然后让该进度条展现当前读取图片的进度,让演示变得非常真实.另外该CSS3进度条还可以切换多个主题样式,外观非常漂亮. 在线演示源码下载 2.HTML5超具喜感的加载提示转圈的胖娃娃一款利用HTML5和CSS3实现的创意Loading提示,是两个超具喜感的转圈胖娃娃,这款HTML5进度提示插件适合使用在全屏页面加载的提示应用中.…

分享10款激发灵感的最新HTML5/CSS3应用

1.HTML5/CSS3实现iOS Path菜单菜单动画很酷 Path菜单相信大家都不陌生吧,它在iOS中非常流行,今天我们要分享的菜单就是利用HTML5和CSS3技术来模拟实现这款iOS Path菜单,点击按钮,即可弹出子菜单,子菜单弹出的动画非常炫酷.点击子菜单,即可打开相应功能. 在线演示源码下载 2.HTML5环形音乐播放器播放器外观非常酷今天我要分享一款外观更酷的HTML5音乐播放器,该播放器是环形的,背景图片非常漂亮,可以控制播放.调整音量等播放器常用的功能. 在线演示源码…

分享8款最新HTML5/CSS3功能插件及源码下载

1.HTML5/CSS3鬼脸表情下拉菜单超级可爱这款HTML5/CSS3鬼脸表情下拉菜单真的很特别,虽然菜单的实现并没有利用复杂的HTML5/CSS3技术,但是创意的确不错. 在线演示源码下载 2.CSS3带Tooltip的按钮按钮绿色清新该按钮带有Tooltip功能,鼠标滑过按钮时即可显示Tooltip,另外按钮还有一个漂亮的图标.这款CSS3按钮整体是绿色清新风格,非常不错. 在线演示源码下载 3.HTML5/CSS3制作Safari Logo 指针动画很炫这款Logo动画,它…

8款最受欢迎的HTML5/CSS3应用及源码

新的一周开始,小编也将继续为大家分享精彩的HTML5应用,还有CSS3和jQuery方面的东西.今天给大家带来的是8款最受欢迎的HTML5/CSS3应用及代码,一起来看看吧. 1.基于HTML5 Canvas的图表插件Chart.js chart.js是一款基于HTML5 Canvas的图表插件,chart.js的功能非常强大,它不仅提供了常见的柱形图.折线图.饼状图,而且还提供了环形图.雷达图,样式外观多样,图表的色彩搭配也比较清新.chart.js还有一个特点就是图表在初始化的时候有弹性动画…