今天我们要来分享一款非常精巧的jQuery音乐播放器插件jPlayer,这款jQuery音乐播放器的外观非常迷人,可以自定义漂亮的播放器背景图片,而且播放器需要的功能它都齐全,更完美的是,这款jQuery音乐播放器还支持分享至社交网站。
11款效果惊艳的HTML5动画应用
HTML5真的很棒,我们这个网站也每天在为大家分享很多炫酷而实用的HTML5和CSS3应用。今天要分享的有很多效果惊艳而且好玩的HTML5动画应用,特别是一些HTML5游戏更加令人眼前一亮,希望大家会喜欢。
1、HTML5五子棋游戏 画面超酷 可设置难度
前几天我向大家分享过一款HTML5中国象棋游戏,效果令人惊叹,小编的实力很难胜过电脑。今天我要向大家分享一款HTML5五子棋游戏,不仅游戏画面非常华丽,而且可以自己设置难度,并且可以选择人机对战还是人人对战,这款HTML5五子棋游戏绝对称得上HTML5游戏中的极品。
2、HTML5/CSS3实现大风车旋转动画
这次我们要来分享一款很酷的HTML5动画,是一个可以旋转的大风车动画效果,回顾一下利用HTML5实现的旋转动画,我们可以看HTML5/CSS3实现3D旋转陀螺动画,它们的实现都是利用CSS3的transform:rotate属性,这款大风车动画的确比较厉害的。
3、HTML5版切水果游戏 HTML5游戏极品
这是一款由百度[......]
CSS3简易清新的下拉菜单
HTML5自定义背景图片的文字特效
CSS3自定义美化UL OL列表
HTML5人物跑步动画
记得之前给大家分享过一款HTML5人物行走动画,效果非常震撼。今天要介绍的HTML5动画更加炫酷,是一款基于HTML5的人物跑步动画特效,在这款人物跑步动画中你可以点击按钮来切换人物手中拿的武器,效果非常逼真。
核心SVG代码:
<defs> <lineargradient id="linearGradient5090"> <stop style="stop-color: #b38443; stop-opacity: 1;" offset="0" id="stop5092" /> <stop id="stop5098" offset="0.5" style="stop-color: #694d27; stop-opacity: 1;" /> <stop style="stop-color: #4f3a1e; stop-opacity: 1;" offset="1" id="stop5094" /[......]
12个经典大气的HTML5/CSS3应用动画
昨天为大家收集了15个华丽的HTML5动画应用,有几个应用还比较实用。今天我们就接着来分享第二波干货,也是基于HTML5和CSS3的动画应用,将涉及到HTML5表单、HTML5图片特效以及HTML5图表等应用领域,希望大家会喜欢。
1、HTML5/CSS3自定义下拉框 3D卡片折叠动画
之前我们分享过一款CSS3带小图标下拉菜单,它更多的是一款菜单,但是今天要分享的一款CSS3自定义下拉框取代了传统的Select样式,用不一样的风格来让select更加美观。这款CSS3下拉框还有3D立体的卡片折叠动画效果,非常酷。
2、HTML5/CSS3发光搜索表单 超酷CSS3表单
之前我们分享过一款纯CSS3实现的发光登录表单,发光特效非常不错。今天我们要再来分享一款放光表单,是一款CSS3发光搜索表单,表单整体是黑色的风格,搜索框被激活时,输入框就会发光,由于黑色的背景,整个搜索表单就显得格外绚丽光亮。
3、jquery视差滑块幻灯特效
非常酷的一款jQuery全屏焦点图插件,图很美。[......]
CSS3带小图标垂直下拉菜单
HTML5 3D立方体图片切换动画
15个无比华丽的HTML5/CSS3动画应用
前几天,HTML5标准已经尘埃落定,未来的Web将会是由HTML5主导,当然作为开发者对这一喜讯更为动心。本文主要分享了15个无比华丽的HTML5/CSS3动画应用,供大家参考学习。
1、HTML5/CSS3图片选择动画 可选择多张图片
今天我们来分享一款既炫酷又实用的HTML5图片选择特效,当图片被选中时,图片上就会覆盖一个半透明的层,上面有一个勾,并且在选中的时候图片出现弹跳的动画效果。
2、纯CSS3实现图片复古效果 鼠标滑过切换
今天我们要分享一款非常酷的图片效果,这个效果在很多P图软件中经常可以看到,就是对一张图片进行复古效果的渲染。这款CSS3图片效果就实现了这个复古的特效,我们只要将鼠标滑过图片,就可以实现这一图片复古效果了。
3、CSS3华丽的Tab菜单 带小图标动画
之前我们分享过一款非常出色的CSS3 Tab菜单HTML5 SVG Tab滑块菜单,结合SVG,Tab菜单实现非常灵活。今天我们要再来分享一款基于CSS3的华丽Tab菜单,这款Tab菜单的菜单项是一个[......]