摘要:
前几天我在园子里分享过2款很酷的CSS3 Loading加载动画,今天又有10个最新的Loading动画分享给大家,这些动画的样式都不一样,实现起来也并不难,你很容易把它们应用在项目中,先来看看效果图:你也可以在这里查看DEMO演示。下面我们来挑选几个比较典型的案例来分析一下代码。先来看看第一个案例... 阅读全文
摘要:
利用纯CSS3绘制一些人物、动物、风景已经不是一件新鲜的事情了,主要是利用CSS3可以让直线变成任意的曲线,于是简单的矢量图形绘制对CSS3来说就小菜一碟了。今天要分享一下超级可爱的纯CSS3实现的小猪、小老鼠、小牛,先看靓照:我们可以在这里查看这三个小动物的DEMO演示。接下来我们逐个来贴出实现这... 阅读全文
摘要:
今天看到一款很不错的CSS3登录表单,外观是仿Facebook的登录表单,还挺不错的,另外也支持简单的表单输入框验证。下图是表单的效果图:我们也可以在这里查看表单的DEMO演示。接下来我们来分析一下这款表单的源代码,首先是HTML代码: Facebook ... 阅读全文
摘要:
Canvas是HTML5中非常重要而且有用的东西,我们可以在Canvas上绘制任意的元素,就像你制作Flash一样。今天我们就在Canvas上来制作一款火焰发射的效果。就像古代的火球炮一样,而且可以在浏览器边缘反弹,感觉会比较屌。来看看效果图:我们可以在这里查看火焰球的DEMO演示当然,我们要来分析... 阅读全文
摘要:
之前有分享过几款CSS3菜单和jQuery菜单,像这款HTML5/CSS3自定义下拉框 3D卡片折叠动画3D效果非常华丽,这次要分享的这款相对比较简单,很适合用在用户的操作面板上。先来看看效果图:怎么样,无论从颜色还是结构都非常简单清新吧。你也可以到这里来看看这款下拉菜单的DEMO演示。接下来我们一... 阅读全文
摘要:
新的一周刚刚开始,当我迷迷糊糊坐在办公桌前时,又不自主的去看了一些jQuery和HTML5的应用插件,今天我们来看一款非常酷的jQuery/HTML5图片滑块特效,这款插件的特点是图片上不错的弹性菜单,鼠标滑过菜单时可以弹出一张半透明的图片。先来看看效果图。我们可以在这里看到生动的DEMO演示。当然... 阅读全文
摘要:
昨天我向大家介绍了一款兼容性不错的jQuery淡入淡出下拉菜单,今天要分享一款相对绚丽的CSS3垂直下拉动画菜单,不过需要支持CSS3的浏览器才能有效果。下面是效果图,一起看看。我们也可以在这里查看菜单DEMO演示。下面来分析一下源代码,首先是HTML代码: ... 阅读全文
摘要:
前段时间我一直在向大家推荐CSS3和HTML5的东西,尽管看上去很炫,但也有不少网友抱怨兼容性问题,所以今天开始我也会陆续向大家介绍一些兼容性较好的jQuery插件。今天先分享一款利用jQuery实现的淡入淡出下拉菜单,看上去非常简单。先看看效果图。虽然简单,但看上去还是蛮不错的,不是吗?我们也可以... 阅读全文
摘要:
现在经常可以在网络上看到一些非常奇特的表单元素,例如Checkbox复选框和Radiobox单选框,浏览器默认的样式确实是太丑了,而且更让人蛋疼的是各个浏览器的样式还不统一,考虑到现在越来越多的用户使用现代浏览器,所以我们可以大胆的用CSS3来自定义美化这些复选框和单选框,先来看看预览图:是不是比默... 阅读全文
摘要:
之前我们经常会看到很多利用jQuery实现的焦点图插件,种类太多了,今天我想给大家分享一款利用纯CSS3实现的图片滑块应用,完全是利用CSS3的相关特性,没有使用JS,个人觉得还是挺不错的,先来看看效果图:看上去挺不错的吧,简洁、清新、大气。当然我们也可以在这里查看DEMO演示。接下来我们一起来分析... 阅读全文