作者归档:sxwgf

HTML5 密码解锁动画

这是一款基于HTML5和CSS3的密码解锁动画,而且在选取密码时会发出声音,如果密码正确,则会发出胜利的声音。密码选取界面通过CSS3渲染看上去十分华丽,并且可以通过鼠标滑动数字来切换数字密码,也可以通过左右按钮来切换数字。

html5-password-animation

在线演示源码下载

HTML5 Canvas 房间3D模型动画 可读取麦克风和摄像头

这是一款基于HTML5 Canvas的3D房间模拟动画,房间里有电视机、沙发、书柜、灯具以及一个人物模型,这些模型都是在Canvas上绘制而成。更重要的是,这款3D动画可以利用HTML5特性读取本地麦克风和摄像头,这样就可以通过摄像头将你自己投影到电视机上,看上去挺神奇的。

html5-canvas-3d-model-camera

在线演示源码下载

jQuery圆形多选菜单选项 带旋转飞入动画

之前我们分享过一些基于jQuery和CSS3的圆形菜单,比如这个超酷的jQuery/CSS3五彩环形弹出菜单就非常炫酷。这次介绍的jQuery圆形多选菜单选项菜单也非常不错,它与上面那款菜单相比特点在于它可以进行子菜单的多选操作,还是比较实用的。

jquery-circle-menu-options

在线演示源码下载

一组精美的SVG自定义单选框按钮美化插件

之前我们介绍过很多利用CSS3渲染的自定义美化单选框和复选框,比如这款jQuery超级个性化的单线框和复选框就非常不错。这次我们要分享的是一组基于SVG的自定义单选框按钮美化插件,它非常适合做一些精美的评分插件。

svg-radio-buttons

在线演示源码下载

CSS3全屏大气手风琴图片展示插件

之前我们分享过很多基于jQuery和CSS3的手风琴插件,有手风琴菜单,比如炫酷实用的CSS3 3D垂直手风琴菜单,也有手风琴图片切换插件,比如这款jQuery垂直手风琴焦点图插件。今天我们要带来的这款是基于JavaScript和CSS3的全屏手风琴图片展示插件,点击图片时可以全屏显示大图,非常大气,适合高端产品的图片展示。

css3-fullscreen-accordion-image

在线演示源码下载

炫酷实用的jQuery/CSS3动画搜索框集合

关于网页搜索框插件,我们介绍的并不是很多,记得之前分享过有一款HTML5发光的搜索框7组漂亮的纯CSS3搜索框还不错,大家可以先看看。今天要分享的这款基于jQuery和CSS3搜索框也非常强大,它有好几组不同的搜索框展开动画效果,可以在很多地方应用搜索功能。

css3-animated-search-box

在线演示源码下载

纯CSS3五彩Loading加载动画

今天我们要给大家介绍一组相当漂亮的纯CSS3 Loading加载动画,这组Loading动画的风格有3种,一种是圆圈Loading动画、矩形方块Loading动画和文字Loading动画,并且Loading动画的颜色非常丰富,有一种高大上的视觉效果。另外,我们之前分享的SVG实现的一组超华丽Loading加载动画也十分不错。

pure-css3-colorful-loading

在线演示源码下载

CSS3太阳系各行星运行动画

这是一个基于CSS3的太阳系行星运行动画,中间是太阳,9大行星,包括行星相应的卫星,都按照自身的规律围绕太阳旋转,同时在太空中隐约模拟出许多星云,让整个动画显得更加逼真。这些动画效果都是通过CSS3动画属性实现。

css3-solar-animation

在线演示源码下载

纯CSS3超友爱的带小图标3D按钮

今天要给大家带来一款非常友爱的纯CSS3动画3D按钮,按钮的特点是纯CSS3实现,按钮边线衬托出3D的视觉效果。最大的特点是,我们可以在按钮两边添加非常漂亮的小图标,小图标可以让按钮的功能更加显著,而且按钮的外观也更加漂亮。

pure-css3-pretty-icon-button

在线演示源码下载

SVG木柴燃烧火焰动画

之前我们分享过一些基于HTML5 Canvas的火焰燃烧动画,比如这款HTML5动感的火焰燃烧动画特效就非常逼真。这次我们介绍另外一个基于SVG的火焰燃烧动画,不同的是,这款火焰动画是木柴燃烧时的动画效果,就像篝火晚会中的柴火一样。

svg-fire-stick

在线演示源码下载