HTML5 3D 陨石火球动画 今天要分享的又是一个基于HTML5 Canvas的炫酷动画,这是一个3D的陨石火球动画。从外观上看,这就像一颗正在坠落的陨石火球,还拖着一条长长的火焰尾巴。同时,我们可以通过拖拽鼠标从不同的视角来看这颗火球,并且可以通过鼠标滚轮来放大缩小火球,这便让人产生了不错的3D视觉效果。另外,右上角可以展开一个控制面板,允许你设置火球的颜色、大小、阴影等参数。 在线演示源码下载
可切换的精美CSS3登录注册表单 这是一个比较实用的CSS3登录注册表单插件,它可以允许用户在同一页完成注册或者登录操作,只要点击登录或者注册按钮即可以快速切换到相应的页面。另外这款CSS3登录注册表单背景非常特别,表单内部的背景和网页整体的背景,在功能切换时显得非常贴切,而且还有3D立体的视觉效果。大家可以修改注册登录表单项即可为自己的项目定义一个不错的登录注册功能页面。 在线演示源码下载
基于 D3.js 的 SVG化学元素周期表动画 这是一个使用SVG和基于D3.js脚本库实现的化学元素周期表动画,这张表中列出了所有的化学元素简称及其分子量大小,并按分子量大小和元素类型排序。这张元素周期表和你在中学化学学到的相比,元素列的更为全面,并且他的特点是按照元素的状态,使用不同的颜色或者动画区分出来,比如气态元素会有气体流动动画,十分形象。 在线演示源码下载
纯CSS3 3D乒乓球比赛动画 这是一个使用CSS3实现的3D乒乓球比赛动画,场面效果令人震撼,最关键的是,这个动画并没有使用一行JS代码,而是全部用HTML和CSS实现。画面中的乒乓球桌、球拍以及乒乓球都是通过CSS3绘制而成,包括球桌的阴影和乒乓球运动时的投影,3D效果表现得非常逼真。唯一不足的是,没有将比赛的队员表现出来,否则就真是完美了。 在线演示源码下载
16个超酷的CSS3动画按钮 今天要给大家分享一组十分美妙的CSS3动画按钮集合,一共16个动画按钮,这16个按钮都会在鼠标滑过时生成不同的动画特效,有3D阴影、外框变幻、3D翻转、发光发亮等等。这些按钮最终的实现都是通过CSS3动画属性来完成的,CSS3动画本身并没有太复杂的属性样式,更多的是可以激发设计者的灵感,通过样式组合变换出各种各样奇妙的动画特效。 在线演示源码下载
基于Vue.js的迷你音乐播放器 这次我给大家带来一个十分不错的音乐播放器,它基于Vue.js,外观十分迷你,可以在手机等移动设备上使用。这个基于vue的音乐播放器的特点是,可以自定义一个播放列表,可以给每一首歌曲指定一个封面图片和分享链接,这让整个播放器看起来非常专业。另外,播放器还支持暂停/播放功能,也支持任意进度的拖拽定位。 在线演示源码下载
CSS3发光按钮登录表单 今天给大家分享一个黑色系发光按钮登录表单,这个登录表单最大的特点在于,它有一个带炫酷动画的登录按钮。当我们将鼠标放在按钮上方时,按钮将会出现发光的动画特效,当鼠标移开时,按钮又会回到边框动态更新的动画效果。搭配黑色的背景风格,这款CSS3登录表单非常有特色,而且十分简单,建议你使用以下。 在线演示源码下载
HTML5 3D全屏相册动画 这是一款十分精美别致的HTML5 3D相册动画,同样它也是一个不错的全屏焦点图插件,在全屏应用中显得非常大气。我们可以在相册中放置几张图片,当前激活的相片将会高亮显示,其余的相片将会以3D立体的方式半隐藏在里面,另外再加上图片边缘的阴影,使整个相册动画显得比较高端,非常适合在产品宣传页上使用。 在线演示源码下载
基于Three.js的图片撕碎切换动画 这次要给大家带来一个特别炫酷的HTML5 Canvas图片切换动画,它是基于three.js动画库实现的,主要动画是图片以撕碎的特效进行切换,相当震撼。另外,在图片切换过程中,你也可以通过鼠标拖动来查看切换时的具体细节效果。如果将它制作成一个效果非常独特而华丽的相册或者焦点图插件,相信会很不错的。 在线演示源码下载
纯CSS3实现的无限级垂直手风琴菜单 今天要给大家带来一款简单实用的无限级垂直手风琴菜单,它的特点是菜单项支持无限级展开,同时还在菜单底部设计了分享按钮,整体比较协调。这款手风琴菜单是由纯CSS3实现而成,因此无论是完善还是使用,都比其他菜单插件简单,非常适合在小型的后台管理系统中使用。 在线演示源码下载