博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
9 款赏心悦目的 HTML5/CSS3 特效
阅读量:5222 次
发布时间:2019-06-14

本文共 998 字,大约阅读时间需要 3 分钟。

1、HTML5 WebGL实验,超酷的HTML5 Canvas波浪墙

这是一款HTML5 Canvas实验项目,也是波浪特效,只是这不是真正的水波,而是利用柱体高度的变化实现的波浪墙效果。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 1

2、HTML5重力感应动画特效,冲撞小球演示

页面上会掉落大小不等的小球,我们可以拖动小球,也可以点击页面空白来生产更多的小球,如果你的电脑配置高,可以试试产生更多的小球来玩,非常有趣。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 2

3、HTML5 Canvas图表应用RGraph,图表功能非常强大

一款功能强大的HTML5 Canvas图表应用,这款HTML5图表有多种类型,直线图,柱状图,饼状图,甚至还有混合图,图表配置也十分简单,功能却非常强大。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 3

4、新款CSS3按钮组合,5组可爱CSS3按钮

一款可爱的CSS3按钮组合,该CSS3按钮一共有5种不同的风格,有几款还有3D立体的效果。一起来欣赏这些可爱的CSS3按钮吧。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 4

5、CSS3图片层叠展开特效,可展开扇形效果

这款CSS3图片特效没有那么绚丽,它的功能非常简单,当你把鼠标移到图片上时,多张图片便会由原先的叠在一起变成展开状态,展开过程中伴随CSS3动画,展开的形状是扇形。这款简单的CSS3图片层叠展开动画可以应用在图片展示和图片分享上。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 5

6、HTML5 Canvas饼状图表,HTML5&jQuery图表应用

一款基于HTML5 Canvas的饼状图图表应用,鼠标点击饼状图的某块区域时,即可高亮突出显示该区域。由于该饼状图是基于HTML5开发的,所以需要支持HTML5的浏览器才能够使用。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 6

7、CSS3 Loading进度条加载动画特效,3款绚丽风格

一款炫酷的CSS3进度条加载动画特效,该动画特效有3个不同的风格,注意,IE6/7/8是不支持该进度条动画的。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 7

8、纯CSS3进度条,华丽5色进度条示例

这是一款利用纯CSS3实现的进度条,它的实现非常简单,没有复杂的动画,该CSS3进度条最大的特点是拥有非常漂亮的5种颜色,整个进度条看上去非常专业。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 8

9、CSS3联系表单,清新外观带美化Select表单

这款CSS3表单比较清新简单,表单整体看上去很干净,特别的是,该CSS3联系表单有一个自定义的美化select表单,表单项在被激活的时候边框颜色会改变。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 9

本文固定链接: 

转载于:https://www.cnblogs.com/i7758/p/4431029.html

你可能感兴趣的文章
ASP.NET打包生成zip压缩文件
查看>>
机器学习算法(5):卷积神经网络原理及其keras实现
查看>>
团队冲刺计划第十天
查看>>
linux下gcc编译多个源文件、gdb的使用方法(转)
查看>>
python学习之路---编程风格规范
查看>>
git reflog查看所有操作记录
查看>>
2016百度编程题:裁减网格纸
查看>>
sqlserver 小计合计总计
查看>>
git pull和git fetch的区别
查看>>
动手动脑5
查看>>
java 将一个ip地址分割成一个数组
查看>>
动态规划 --- 理解背包问题
查看>>
Spring Tool Suite 创建 SpringMVC+Maven 项目(一)!
查看>>
HTML如何创建二级目录
查看>>
OfficeCommandbarViewer20171005.rar
查看>>
(转)Unity3D研究院之Assetbundle的原理(六十一)
查看>>
[转]分支 合并
查看>>
[转载]常用的shell脚本
查看>>
ES6学习之路5----数组方法
查看>>
avx路由修改
查看>>