推荐!Html5精品效果源码分享

一直在看别人的汇总,看到了一些不错的关于 HTML5内容的源码,我也汇总下分享出来,好东西需要共享!希望可以帮到需要的朋友。

1.劲爆分享:HTML5动感的火焰燃烧动画特效

这又是一款基于HTML5的超炫动画特效,是一款动感的火焰燃烧动画效果。这款HTML5动画火焰燃烧非常逼真,之前我们也分享过一些其他的HTML5火焰燃烧动画,比如:HTML5 Canvas火焰燃烧动画和纯CSS3实现打火机火焰动画。一般像这样的HTML5动画都是基于Canvas的,今天的这款也不例外。源码下载地址:劲爆分享:HTML5动感的火焰燃烧动画特效

2.HTML5鲸鱼效果源码免费下载

速度来看看可爱的鲸鱼会随着鼠标移动儿移动,是一个简单的html5实现的小效果。具体内容在附近中,欢迎下载。
源码下载地址:HTML5鲸鱼效果源码免费下载3.源码分享:HTML5特效制作古典效果播放器

这是一款样式非常古典,但又是非常时尚的HTML5播放器,说它是古典播放器,是因为这种卡带式的HTML5播放器比较古老非常有创意。
源码下载地址:源码分享:HTML5特效制作古典效果播放器4.Html5、CSS3实现的爱心动画效果

CSS3代码,对这些线条进行渲染,以便其有3D的视觉效果。很多div,主要是构造爱心的线条区域。大家可以点解DEMO来看看。
源码下载地址:Html5、CSS3实现的爱心动画效果

5.源码分享:基于HTML5/CSS3实现五彩进度条应用基于HTML5和CSS3的进度条应用,这款进度条是静态的,仅提供进度条的五彩外观。当然你可以在CSS中动态设置进度值来让其变得动态,一个很好的实现方式是利用jQuery动态改变CSS中的进度值,让进度条实时动起来。
源码下载地址:源码分享:基于HTML5/CSS3实现五彩进度条应用

6.使用HTML、jQuery及CSS3代码实现拖拽删除小图标回收站

利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素,需要拖动应用图标至垃圾箱即可删除这个图标。主要包括HTML代码、CSS3代码以及jQuery代码。HTML代码主要定义了一个回收站文件夹的容器,以及各个小图标的图片。

源码下载地址:使用HTML、jQuery及CSS3代码实现拖拽删除小图标回收站

7.爱情表白专用html5动画特效网页【完整源码】创作者的水平真令人佩服,有这水平可以把爱表白给想表白的人,不要以为那些鲜花是用的图片,你会发现在资源文件中没有一个图片资源,但HTML5强大的功能不能不让你惊叹,左侧的文字是类似打字效果的动画形式,因IE9以前的浏览器不支持HTML5,所以你在查看本效果的时候,最好使用火狐浏览器或Chrome浏览器。
源码下载地址:爱情表白专用html5动画特效网页【完整源码】

8.使用HTML5/CSS3实现3D旋转木马效果相册

1、perspective

perspective属性包括两个属性:none和具有单位的长度值。

其中perspective属性的默认值为none,表示无限的角度来看3D物体,但看上去是平的。另一个值<length>接受一个长度单位大于0的值。而且其单位不能为百分比值。<length>值越大,角度出现的越远,从而创建一个相当低的强度和非常小的3D空间变化。反之,此值越小,角度出现的越近,从而创建一个高强度的角度和一个大型3D变化。简单一点说:当perspective设置length时,如果越小则表示3D效果越明显,你的眼睛就越靠近3D物体,反之则反之。

2、transform: translateZ(length)

假设设置了perspective:300px时,设置translateZ的值越小则子元素大小越小,当设置值接近300px时,则仿佛此元素在面前,当超过300px以后,则以前到达你视野的后面,该元素就不可见了。

上例的核心:

1、首先所有的图片的容器position:absolute,叠加在一起,然后一次设置rotateY分别为40*i ,i= 0 , 1, 2...9 ;所有图片会相交成一个类似花的形状

2、然后为每个图片的容器设置translateZ,所有图片会从对应的角度向外移动,扩展成一个大圆,即上图效果。

源码下载地址:使用HTML5/CSS3实现3D旋转木马效果相册

9.HTML5实现的3D动画旋转物体模糊发光特效源码这是一款HTML5实现的3D动画是旋转物体特效源码,并且利用CSS3的特性,物体会发出模糊的发光的动画特效,附带旋转效果,整体特效看起来炫酷十足。
源码下载地址:HTML5实现的3D动画旋转物体模糊发光特效源码

10.基于jQuery和HTML5实现的扁平风格mp3player网页

这是一款基于html5实现的扁平音乐播放器源码。基于jQuery+HTML5实现的扁平风格mp3 player网页音乐播放器。有着很好的视觉效果与播放功能。建议使用支持html5的浏览器如火狐或谷歌运行该源码。

源码下载地址:基于jQuery和HTML5实现的扁平风格mp3player网页

未完待续!欢迎大家提供好的代码,我汇总进去~
时间: 2024-10-29 05:01:09

推荐!Html5精品效果源码分享的相关文章

第三波精品Android源码袭来!免费下载

今天又汇总了一些源码供大家免费下载学习! 1.Android实现NewQuickAction快捷菜单NewQuickAction能根据点击事件发生的坐标来显示一个快捷菜单,比如点击位置在靠近底部,则弹出的菜单出现在点击位置的下面,反之,则出现在上面,而且还有箭头指示.他是用Popupwindow实现的.源码下载地址:Android实现NewQuickAction快捷菜单 2.非常不错的Android-FilterMenu效果源码分享的动画效果非常生动的菜单,是根据dribbble上的概念设计而来

又来一波!Android精品源码分享

今天又汇总了几个不错的源码给大家!希望能帮到需要的小伙伴~话不多少,直接上源码! 1.Android精品源码:拖动条控件实现源码 此次分享的源码是一个不错的Android控件,建议大家可以细致的看下.这个Android源码案例是一个拖动条控件案例,源码android-range-seek-bar,拖动条控件,和和系统自带的基本一致,不同的是可以选择一个区间以及其他的一些特性. 源码下载地址点击:Android精品源码:拖动条控件实现源码 2.Android控件特效-加载提示效果实现源码 附件是A

分享一个很酷很炫的html5特效网站源码

原创整理不易,转载请注明出处:分享一个很酷很炫的html5特效网站源码 代码下载地址:http://www.zuidaima.com/share/1784027301841920.htm 在线演示:http://demo.zuidaima.com/html/1784027301841920/index.html 分享一个很酷很炫的html5特效网站源码

令人惊叹的HTML5动画及源码分析下载

HTML5非常酷,利用HTML5制作动画简直让我们忘记了这世界上还有flash的存在.今天我们要分享的一些HTML5动画都还不错,有些动画设计还是挺别出心裁的.另外,每一款HTML5动画都提供源代码下载,并且我们对源码作一些简单的分析. HTML5可爱的404页面动画 很逗的机器人 利用HTML5绘制的机器人,还会动哦.你可以将它作为一个富有创意的404页面. 核心CSS3代码: @-webkit-keyframes move { 0%, 100% { -webkit-transform: ro

Android开发之自己定义TabHost文字及背景(源码分享)

使用TabHost 能够在一个屏幕间进行不同版面的切换,而系统自带的tabhost界面较为朴素,我们应该怎样进行自己定义改动优化呢 MainActivity的源码 package com.dream.ledong; import android.app.TabActivity; import android.content.Intent; import android.graphics.Color; import android.os.Bundle; import android.view.Gr

AppCan 移动应用开发项目源码分享:嗡嗡旅游App开发

开发者介绍:老家湖北巴东好山好水,神农溪.巴人河.三里城等都是旅游好去处.中秋节回了趟老家,看到家乡的原生态景色吸引了大批游客,由此萌发了想法:用移动技术开发一个App试水,把家乡景点介绍给更多的人.于是,耗时一个月的<嗡嗡旅游>应运而生,特此将项目源码分享给广大AppCan开发者. 项目实现功能 用户注册.登录,游记查看和发布,查看辖区内景区.酒店.交通.攻略等信息,内容收藏.评论和分享,查看地图,景区门票.酒店电话预定等. 项目使用插件 引导页 引导页3张图片采用的是全屏显示的slider

3D语音天气球(源码分享)——通过天气服务动态创建3D球

转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),谢谢支持! 开篇废话: 这个项目准备分四部分介绍: 一:创建可旋转的"3D球":3D语音天气球(源码分享)--创建可旋转的3D球 二:通过天气服务,从网络获取时实天气信息并动态生成"3D球" 三:Android语音服务和Unity的消息传递 四:Unity3D端和Android端的结合 关于项目的详细介绍和3D球的创建请看上面第一篇文章(重要) 今天主要讲解如何通过获取

3D语音天气球(源码分享)——完结篇

开篇废话: 由于这篇文章是本系列最后一篇,有必要进行简单的回顾和思路整理. 这个程序是由两部分组成,Android端和Unity端: 1.Unity端负责3D球的创建,显示和旋转:3D语音天气球(源码分享)--创建可旋转的3D球 2.通过天气服务动态创建3D球:3D语音天气球(源码分享)--通过天气服务动态创建3D球 3.Android端使用第三方的语音服务来进行语音识别:3D语音天气球(源码分享)--在Unity中使用Android语音服务 4.Unity中加入Android项目:Unity中

WP8.1&amp;Win10幸运大转盘源码分享

先AD一下我的群:Win10开发者群:53078485 最近在写一个APP,其中需要一个转盘动画的源码,找了很多但是都没有找到,无奈只好自己来写,写完效果自己还是比较满意的,分享出来,有需要的童鞋可以拿去用. 先来一张效果图: 功能: 1.五个奖项的中奖几率可以自由调整. 2.用户的金币信息云端存储. 3.每天可以免费抽奖一次. 4.金币信息自由定义. 5.其他,请自行挖掘. 需要准备的: A.图片素材:demo包里有,可以自行提取出来使用,我这个转盘感觉不是特别圆润,也可以自己作图来替换掉.