8款HTML5动画特效推荐源码
1、HTML5 Canvas发光Loading动画
之前我们分享过很多基于CSS3的Loading动画效果,相信⼤家都很喜欢。今天我们要来分享⼀款基于HTML5 Canvas的发光Loading加载动画特效。Loading旋转图标是在canvas画布上绘制的,整个loading动画是发3D的视觉效果,HTML5⾮常强⼤。
2、jQuery球状放⼤镜特效插
今天我们要来分享⼀款基于jQuery的放⼤镜特效插件,和其他放⼤镜不同的是,这款jQuery放⼤镜插件
是球状的,看上去有3D的视觉效果。当你把⿏标滑过页⾯上的⽂字时,即会出现很酷的球状放⼤镜,来放⼤当前区域的⽂字。并且以球⼼为中⼼点向外⽂字逐渐变⼩,这就产⽣了⽴体感。
3、HTML5 Canvas粒⼦模拟效果
这是⼀款利⽤HTML5 Canvas模拟出来10000个粒⼦动画,当你⽤⿏标在canvas画布上移动时,⿏标周围的⼀些粒⼦就会跟着你移动,并形成⼀定的图案,就像你在玩沙画⼀样,效果⾮常不错。这⾥,我们应⽤了⼀些HTML5的特性,让这个粒⼦动画显得相当动感。
html导航源码4、HTML5/CSS3带区域地图的联系表单
今天我们要来分享⼀款功能更加强⼤的HTML5/CSS3联系表单,它可以选中不同区域显⽰相应的地图,然后针对该区域填写联系表单。
5、CSS3 3D⽴⽅体Loading加载动画特效
之前我们分享过⼀些HTML5和CSS3�?D⽴⽅体特效,他们都是可以旋转来展3D⽴体的效果。这次分享的这款CSS3 3D⽴⽅体确是⽤来做Loading加载动画的,9个⼩⽴⽅体上下浮动,呈现波浪的效果,并且,这个Loading动画还利⽤了CSS3的阴影属性让这些⽴⽅体更充满3D⾊彩。
6、基于Bootstrap和CSS3的响应式UI框架
今天我们要来分享⼀组基于Bootstrap和CSS3的响应式UI框架,这个UI框架中,包含了⾃定义CSS3按钮、⾃定义CSS3复选框和单选框、⾃定义CSS3下拉框等等,外观⾮常漂亮。
7、HTML5 Canvas动画按钮 点击⽔波扩散效果
之前我们分享的都是基于CSS3的⾃定义按钮,今天我们来分享⼀款基于HTML5 Canvas的动画按钮,每⼀个按钮都是⼀个canvas画布,这就很灵活,你可以在canvas绘制任意你喜欢的东西作为按钮的背景画⾯,并且,还可以有动画特效。
8、CSS3/jQuery实现Tab菜单⼩⼯
⼏天要分享⼀款基于CSS3和jQuery的Tab菜单,这款Tab菜单的外观⾮常简洁清新,tab选项卡的上边框有加粗的线条,让这些tab菜单按钮显得很有⽴体感。另外有⼀点不⾜的是,tab切换时没有加⼊CSS3动画效果。这款tab菜单可以放到你⽹页的侧边栏作为⼩⼯具。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论