8款帅酷的HTML5/CSS3 3D动画、图片、菜单应用
今天要给大家分享8款帅酷的HTML5/CSS3应用,它们中包括很酷的HTML5 3D动画应用,也包括实用的CSS3图片、菜单、进度条等插件,一起来看看吧。
1、HTML5 Canvas火焰燃烧动画 如同掉落的火球
这次要分享的是一款超级绚丽的HTML5火焰动画,画面上是一个熊熊燃烧的小火球,小球燃烧的火焰非常逼真,会比较消耗CPU。另外这个动画是在HTML5 Canvas上实现的,修改起来也非常灵活。之前也分享过几款HTML5火焰动画,像这款HTML5 Canvas火焰闪烁动画。
html5-canvas-fire-falling
在线演示 / 源码下载
2、HTML5/CSS3粒子效果进度条 超炫酷进度条动画
之前我已经分享了几款效果很不错的CSS3进度条插件,比如CSS3 Loading进度条加载动画特效、CSS3 3D进度条按钮 18款精美样式。今天我再来分享一款很有特色的HTML5/CSS3进度条应用。这款进度条插件在播放进度过程中出现粒子效果,就像一些小颗粒从进度条上散落下来,是一款别具特色的HTML5进度条插件。
html5-css3-pixel-progress-bar
在线演示 / 源码下载
3、HTML5 Canvas模拟衣服撕扯动画 超级逼真
今天又要来推荐一款HTML5 Canvas动画,是一个模拟衣服撕扯动画,效果非常逼真。刚开始衣服挂在绳子上,用鼠标拖拽衣服即可让衣服摆动起来,当你拖拽的很用力时,你会发现,衣服被撕破了。该HTML5动画会捕获到鼠标拖拽的用力程度,从而来判断并实现衣服应该破损的程度,越用力,衣服被撕破的速度越快,赶紧来体验一下这个HTML5动画吧。
html5-cloth-tear
在线演示 / 源码下载
4、CSS3带描述焦点图 文字描述上下滚动
今天我们来分享一款jQuery焦点图插件,这款焦点图是全屏的,看上去十分大气,另外,焦点图的每一张图片都带有文字描述,并且鼠标滑过图片时文字描述可以上下滚动。对于带文字描述的图片特效,我们还可以看看HTML5/CSS3图片描述效果 文字描述浮动在图片上。
jquery-desc-scroll-image
在线演示 / 源码下载
5、HTML5/CSS3自定义下拉框 3D卡片折叠动画
之前我们分享过一款CSS3带小图标下拉菜单,它更多的是一款菜单,但是今天要分享的一款CSS3自定义下拉框取代了传统的Select样式,用不一样的风格来让select更加美观。这款CSS3下拉框还有3D立体的卡片折叠动画效果,非常酷。
html5-css3-dropdown-menu
在线演示 / 源码下载
6、HTML5 3D立方体动画 立方体可任意翻转
之前我们分享过很多基于HTML5的立方体动画了,有些是基于Canvas的动画特效,比如这款HTML5 webkit 3D立方体图片旋转滑块应用,就很不错。这次要分享的这款HTML5 3D立方体动画比较普通,它可以自己不停的旋转以凸显其3D的魅力。
html5-3d-cube-animation
在线演示 / 源码下载
7、CSS3 3D进度条按钮 18款精美样式
我们在网页上提交数据的时候经常会看到进度条,不过大部分进度条都是在网页其他地方显示,比如弹出一个窗口。这款CSS3实现的进度条是显示在按钮上的,可以更直观的体现出用户提交的进度情况,该CSS3进度条按钮样式非常漂亮,在支持3D的浏览器上还能有3D立体的效果,而且进度条展现形式很多,一共18种样式。
css3-3d-process-button
在线演示 / 源码下载
8、HTML5/CSS3 3D立体功能按钮 超酷CSS3按钮
之前我们分享过很多精彩的CSS3按钮,像这款纯CSS3 3D牛奶样式按钮,非常酷,还有这款CSS3发光社会分享按钮,也挺不错的。今天要分享的这款CSS3 3D按钮十分大气,按钮在点击的时候也有立体的效果,非常酷的一款CSS3 3D按钮。
html5-css3-3d-button
在线演示 / 源码下载
以上就是8款帅酷的HTML5/CSS3 3D动画、图片、菜单应用,欢迎收藏分享。http://hongshulin001.com
8款帅酷的HTML5/CSS3 3D动画、图片、菜单应用相关推荐
- 好看的html导航栏作品,精选10款超酷的HTML5/CSS3菜单
本文作者html5tricks,转载请注明出处 今天向大家精选了10款超酷的 1.CSS3手风琴菜单 下拉展开带弹性动画 利用CSS3技术可以实现各种各样的网页菜单,我们之前也在CSS3菜单栏目中分享 ...
- 精选10款超酷的HTML5/CSS3菜单
今天向大家精选了10款超酷的HTML5/CSS3菜单,给你的网页添加不一样的精彩,一起来围观一下吧. 1.CSS3手风琴菜单 下拉展开带弹性动画 利用CSS3技术可以实现各种各样的网页菜单,我们之前也 ...
- html5超酷单页面,精选10款超酷的HTML5/CSS3菜单
原标题:精选10款超酷的HTML5/CSS3菜单 今天向大家精选了10款超酷的HTML5/CSS3菜单,给你的网页添加不一样的精彩,一起来围观一下吧. 1.CSS3手风琴菜单 下拉展开带弹性动画 利用 ...
- 7款外观迷人的HTML5/CSS3 3D特效按钮特效
下面我整理了7款外观都十分迷人的HTML5/CSS3 3D按钮特效,有几个还挺实用的,分享给大家. 1.CSS3超酷3D弹性按钮 按钮实现非常简单 之前我们分享过几款不错的CSS3 3D立体按钮,比如 ...
- 前端 开关按钮样式_7款外观迷人的HTML5/CSS3 3D按钮特效
下面我整理了7款外观都十分迷人的HTML5/CSS3 3D按钮特效,有几个还挺实用的,分享给大家. 1.CSS3超酷3D弹性按钮 按钮实现非常简单 之前我们分享过几款不错的CSS3 3D立体按钮,比如 ...
- 9款超绚丽的HTML5/CSS3应用和动画特效
HTML5 现在已经不是很前卫的东西了,越来越多的网站和移动应用都在不断地尝试使用HTML5来更好地优化用户体验.今天我们要分享9款超绚丽的HTML5/CSS3应用和动画特效,这里面有菜单.按钮.图片 ...
- 哈哈,又找到几个强大的html5+css3的动画效果
一周HTML5经典回顾 31个别出心裁的HTML5动画 40,425 人浏览 发表回复 13 又是一周即将过去,我们来精心挑选这周分享的31款别出心裁的HTML5动画,很多还比较实用,一起来看看吧. ...
- 10款炫酷的HTML5动画特效,附源码
HTML5确实非常强大,很多时候我们可以利用HTML5中的新技术实现非常炫酷效果时,这些效果也非常消耗电脑的CPU,但是这些HTML5效果确实能给用户带来不一样的用户体验. 今天我要跟大家分享一些HT ...
- 10个帅酷的HTML5最新动画应用
1.HTML5人物跑步动画 记得之前给大家分享过一款HTML5人物行走动画,效果非常震撼.今天要介绍的HTML5动画更加炫酷,是一款基于HTML5的人物跑步动画特效,在这款人物跑步动画中你可以点击按钮 ...
最新文章
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(十八) 完美精灵之八面玲珑(WPF Only)②...
- 2020暑期实习后台开发字节跳动笔试
- 粒子物理标准模型错了?电子“表哥”磁性超出理论预计,物理学家找到未知粒子存在证据...
- 一阶导与二阶导的关系_数学分析|第九章 定积分关于二阶导函数正负和定积分结合证明不等式问题总结...
- python能做自动化吗-Python自动化 作为代码小白,我是这样成为自动化大神的!...
- 慢 SQL 诊断优化套路包,套路用的对,速度升百倍
- 201124阶段二sqlite3 API
- 1970“变种”bug连WiFi热点iOS设备会变砖?
- java递归遍历删除文件
- 【debug】python打包成exe,太大了该怎么解决?
- php 7.2.5_CentOS7下PHP5.5.38升级PHP7.2.2
- 分类型变量预测连续型变量_「JS进阶」你真的掌握变量和类型了吗
- Lync Server 2013 安装体验(二)
- go在windows下编译linux的运行的代码
- Linux 内存管理之 SLUB分配器(2) :kmalloc_cache 结构
- VC++学习(5):文本编程
- 操作系统之银行家算法实现代码
- 三国志战略版:魏国新黑科技,程昱春华满宠
- Matlab读取图像,显示H、S、V分量
- 计算机视觉中头部姿态估计的研究综述
热门文章
- tf.keras.losses.SquaredHinge 损失函数 示例
- 【JVM】Java对象创建的流程步骤
- OverFeat:Integrated Recognition, Localization and Detection using Convolutional Networks
- 【rnnoise快速体验】rnnoise从编译到训练
- jd-gui的下载和使用
- nginx怎么部署php项目,nginx怎么正确部署前端项目
- mysql localhost无法登陆_MySQL 'root'@'localhost'无法登录
- k8s 下线node正确处理姿势
- MySQL 高频面试题,都在这了
- 开发工具之Eclipse快捷键