上一页 1 2 3 4 5 6 7 8 ··· 10 下一页
摘要: 今天要介绍的是一款基于HTML5和CSS3的进度条应用,这款进度条是静态的,仅提供进度条的五彩外观。当然你可以在CSS中动态设置进度值来让其变得动态,一个很好的实现方式是利用jQuery动态改变CSS中的进度值,让进度条实时动起来。具体效果大家可以看演示。你也可以在这里查看在线演示接下来我们来分析一... 阅读全文
posted @ 2014-08-15 08:56 html5tricks 阅读(4140) 评论(0) 推荐(4) 编辑
摘要: 今天我们来介绍一款很有创意的CSS3/HTML5菜单,首先菜单是飘带形状的,看起来很优雅,这种菜单在个人博客中用的比较多,不仅干净利落,而且很具有个性化。另外,这款菜单在鼠标滑过菜单项时,将会出现3D的凸起效果,并且会改变菜单项的背景颜色,效果非常的酷,你可以从在线演示中查看这一效果。你也可以在这里... 阅读全文
posted @ 2014-08-14 08:48 html5tricks 阅读(3119) 评论(13) 推荐(2) 编辑
摘要: 今天我们要来分享一款非常精美的HTML5/CSS3表单,准备地说,这是一款经过美化的input输入表单,每一个输入表单都可以定义其两侧的小图标,非常华丽。另外,这款表单应用还采用了3种不同的风格主题,你可以在演示页的菜单栏中选择一种样式。需要高版本的浏览器才能支持。你也可以在这里在线演示下面我们来简... 阅读全文
posted @ 2014-08-13 08:53 html5tricks 阅读(7284) 评论(6) 推荐(4) 编辑
摘要: 今天我们要来分享一款基于jQuery的百叶窗焦点图插件,也可以说是图片滑块插件。这种jQuery焦点图插件的应用非常广泛,在早些年前,我们需要用flash来完成这种百叶窗的效果。如今我们可以用jQuery来实现这个动画效果。这款jQuery百叶窗焦点图不仅可以横向切换,也可以垂直切换,效果都非常不错... 阅读全文
posted @ 2014-08-12 08:53 html5tricks 阅读(3981) 评论(11) 推荐(10) 编辑
摘要: 今天我们要来分享一款基于纯CSS3的自定义边框应用,看上去它像一个Tooltip控件,因为下边框有一个小三角,就像很多地方的引用文本框一样。另外这款CSS3边框是涂鸦风格的,看起来很有个性。用CSS3实现自定义边框的好处是可以自适应边框内部的文字数量大小。你也可以在这里查看在线演示下面我们来分享一下... 阅读全文
posted @ 2014-08-11 08:59 html5tricks 阅读(3744) 评论(4) 推荐(4) 编辑
摘要: 今天我们要来介绍一款效果很特别的HTML5 Loading加载动画,不像其他的Loading动画,这款Loading动画颜色很丰富,并且在转圈的时候还有淡入淡出的效果。每一个圆环不停地旋转,从而实现加载动画的效果。首先你可以看看效果演示:你也可以在这里查看在线演示下面分享一下这款HTML5 Load... 阅读全文
posted @ 2014-08-09 09:22 html5tricks 阅读(3268) 评论(3) 推荐(2) 编辑
摘要: 今天我们要来看一款非常特别的纯CSS3 3D按钮,它的外观酷似纯白剔透的牛奶,点击按钮的时候还会出现一种很柔和的弹力效果。按钮按下时,按钮会轻轻的弹动一下,非常逼真。本文我们在观赏演示的同时,也将源代码分享出来一起学习。你也可以在这里查看在线演示接下来我们来分析一下实现这款CSS3 3D按钮的步骤及... 阅读全文
posted @ 2014-08-08 08:55 html5tricks 阅读(3740) 评论(5) 推荐(14) 编辑
摘要: HTML5的功能非常强大,尤其是Canvas的应用更加广泛,Canvas画布上面不仅可以绘制任意的图形,而且可以实现多种多样的动画,甚至是一些交互式的应用,比如网页网版。这次我们要来看的就是一款基于HTML5 Canvas的网页画板,在这里仅对一些关键性的代码进行记录,大家也可以下载全部源代码研究。... 阅读全文
posted @ 2014-08-07 08:53 html5tricks 阅读(5074) 评论(0) 推荐(4) 编辑
摘要: 这是一个很酷的HTML5 Canvas动画,它将模拟的是我们现实生活中烟花绽放的动画特效,效果非常逼真,但是毕竟是电脑模拟,带女朋友看就算了,效果还是差了点,呵呵。这个HTML5 Canvas动画有一点比较出色,就是其性能,Chrome上基本没有卡的感觉,就算你放出很多烟花也一样。你可以在这里看在线... 阅读全文
posted @ 2014-08-06 08:52 html5tricks 阅读(6844) 评论(4) 推荐(9) 编辑
摘要: 之前有看到过很多基于HTML5或者CSS3制作的爱心动画,不过基本上都是2D平面的,今天在国外的网站上看到一个基于HTML5 3D的爱心动画,对于HTML5爱好者来说,不免兴奋了一把。下面将分享一下这个3D爱心动画的实现过程,可以一起来看看。当然你也可以先看一下DEMO演示这么好看的HTML5爱心动... 阅读全文
posted @ 2014-08-05 08:52 html5tricks 阅读(7299) 评论(1) 推荐(4) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 10 下一页