广告位
HTML5
漂亮jQuery纵向分类下拉菜单导航效果

漂亮jQuery纵向分类下拉菜单导航效果

今天我们要来分享一款jQuery纵向分类菜单,这款jQuery菜单是下拉菜单,鼠标滑过菜单项时即可展开相应的子菜单,并伴随很酷的淡入淡出和滑块动画效果。当鼠标滑过菜单项时,菜单项的背景颜色也会有渐变的效果。

160多个纯CSS3动画SVG图标

160多个纯CSS3动画SVG图标

CSS3真的很强大,但SVG的实力也不容小觑,今天我们要将它们两个有机结合,分享给大家150多个非常有趣的纯CSS3动画SVG图标。这150个SVG图标中,都拥有鼠标滑过的动画特效,有的是阴影特效,也有的是动感的动画,这些图标真的很酷。

jQuery带描述焦点图-文字描述上下滚动

jQuery带描述焦点图-文字描述上下滚动

分享一款jQuery焦点图插件,这款焦点图是全屏的,看上去十分大气,另外,焦点图的每一张图片都带有文字描述,并且鼠标滑过图片时文字描述可以上下滚动。 更多焦点图源码下载。

4款换了的CSS3-Loading加载动画

4款换了的CSS3-Loading加载动画

之前我们分享过几款Loading加载动画 HTML5/CSS3加载提示-可爱的胖娃娃 ,Canvas实现Loading超酷动画效果,10款超酷CSS3进度条/Loading动画效果。今天我们又要再分享4组欢乐的CSS3 Loading加载动画,这4款动画是同一种模式,都是一群小球在大球里面形成各种排列从而达到Loading...

基于SVG的HTML5圆盘时钟动画效果

基于SVG的HTML5圆盘时钟动画效果

之前分享过一款CSS3逼真时钟表360度旋转。今天我们要再来分享另外一款基于SVG的HTML5圆盘时钟动画,和上一款类似,这款HTML5时钟也能准确获取本地的时间,并且秒针、分针、时针可以走动,效果还不错。

HTML5-webkit-3D立方体图片旋转滑块应用

HTML5-webkit-3D立方体图片旋转滑块应用

今天再来分享一款HTML5 3D立方体动画,这个只是一个3D效果模型,你可以用图片替换演示中的立方体4个面,这样就可以将这款HTML5立方体旋转动画改造成HTML5 3D焦点图了,由于是基于webkit的,所以有浏览器限制,Google Chrome最佳。 更多焦点图源码下载。

jQuery漂亮纵向滑块焦点图插件

jQuery漂亮纵向滑块焦点图插件

之前我们分享过一款HTML5图片切换焦点图/幻灯片3D投影和一款HTML5/jQuery4款焦点图3D效果。 今天我们要来分享一款效果很酷的jQuery焦点图,它的Tab切换方式是纵向的,而且图片切换的方式也是纵向的,另外整个jQuery焦点图的色彩非常棒,给人一种神秘的感觉。焦点图的图片切换还...

CSS3-3D效果菜单超有立体感

CSS3-3D效果菜单超有立体感

我们之前分享过一款HTML5/CSS3下拉框-3D折叠效果。今天再分享一款更酷的CSS3 3D立体菜单,这款菜单侧躺在页面上,每个菜单项都有不错的小图标。

一组HTML5-SVG可爱的笑脸动画效果

一组HTML5-SVG可爱的笑脸动画效果

今天我们来分享一组利用HTML5和SVG实现的可爱笑脸动画,它们是色彩各异的一组泥娃娃的脸,默认的时候就出现眨眼和微笑的动画,当你把鼠标滑过它们时,就像是感受到了主人的抚摸一样上下跳动起来,真的是非常可爱。

HTML5 SVG蝴蝶飞舞动画3D效果超逼真

HTML5 SVG蝴蝶飞舞动画3D效果超逼真

这次我们要分享的这款HTML5动画简直就是逆天,利用SVG制作的3D蝴蝶飞舞动画,蝴蝶飞舞动画非常逼真,蝴蝶飞舞的路线是利用SVG构造的。另外,动画使用了一张立体感很强的天空背景图,让蝴蝶飞舞时更加显得立体逼真。

图片压缩在线工具 tools online