作者归档:sxwgf

精挑细选 12款大气的HTML5/CSS3应用

上周我们也整理了不少精美的HTML5/CSS3应用插件,包括图片特效、网页菜单、Tab选项卡、按钮特效等。今天我们精选了12款大气的HTML5/CSS3应用插件,分享给大家。

1、CSS3华丽的Tab菜单 带小图标动画

之前我们分享过一款非常出色的CSS3 Tab菜单HTML5 SVG Tab滑块菜单,结合SVG,Tab菜单实现非常灵活。今天我们要再来分享一款基于CSS3的华丽Tab菜单,这款Tab菜单的菜单项是一个个小图标,鼠标滑过时,菜单项展示对应文字,并出现展开的动画。

css3-tab-with-icon

在线演示        源码下载

2、CSS3二级下拉动画菜单 菜单背景滑动动画

我们以前收集了很多漂亮的CSS3菜单,尤其是多级下拉菜单,像纯CSS3垂直动画菜单CSS3 Lava Lamp动画下拉菜单效果都还不错,也挺实用的。今天我再来分享一款CSS3二级下拉动画菜单,这款CSS3菜单的特点是在菜单展开时,菜单的背景会出现滑动的动画效果。

css3-animation-bg-menu

在线演示        源码下载

3、HTML5摆动的文字特效 类似柳枝摆动

之前我们在html5tricks上分享过一些HTML[......]

阅读全文>>

CSS3个人资料表单 分两步骤表单

对于分步骤表单,我们之前也已经有过介绍了,像这款HTML5分步骤注册表单就非常不错,今天我们要来介绍另外一款分步骤表单,这是一款个人资料填写表单,我们可以分两步来填写个人资料,每一步的切换都有淡入淡出的动画效果,你也可以回退到上一步继续填写。

css3-slick-2-part-form

在线演示源码下载

CSS3华丽的Tab菜单 带小图标动画

之前我们分享过一款非常出色的CSS3 Tab菜单HTML5 SVG Tab滑块菜单,结合SVG,Tab菜单实现非常灵活。今天我们要再来分享一款基于CSS3的华丽Tab菜单,这款Tab菜单的菜单项是一个个小图标,鼠标滑过时,菜单项展示对应文字,并出现展开的动画。

css3-tab-with-icon

在线演示源码下载

分享10款优雅动人的HTML5教程及源码

今天我们要来分享10款优雅动人的HTML5教程及源码,这些HTML5教程都是我们这几天收集过来的,经过我们的挑选,希望能给大家带来帮助。

1、HTML5/CSS3仿Facebook登录表单

利用CSS3制作的登录表单的确很漂亮,我们在html5tricks网站上也分享过几款了,比如CSS3密码强度验证表单可以显示密码的强度,这款纯CSS3发光登录表单更是绚丽多彩。今天我们要分享一款仿Facebook的登录表单,无论从外观还是功能上说,这款登录表单还是挺接近Facebook登录表单的。

html5-css3-facebook-login-form

在线演示        源码下载

2、HTML5/CSS3超酷进度条 不同进度多种颜色

这是一款线条状的CSS3进度条,这款进度条有两个特点:一是随着进度条的进度更新,都会有数字百分比实时显示,让数据更加直观;二是在不同的进度阶段,进度条的颜色会有所变化,这样能更好的反应当前的进度状态。加上黑色的背景,让这款CSS3进度条更加鲜亮起来。

css3-progress-bar-line

在线演示        源码下载

3、CSS3 3D发光切换按钮 模拟效果很逼真

刚刚我们发布过一款CSS3开关切换滑动按钮,应该[......]

阅读全文>>

非常上档次的HTML5/CSS3登录表单

我们介绍过不少CSS3登录表单了,最令人记忆犹新的登录表单要算这款纯CSS3发光登录表单了。今天我们要分享一款非常上档次的HTML5/CSS3登录表单,这款登录表单有一张用户的图片,输入框左侧有漂亮的小图标,同时,登录按钮也非常漂亮。

minimal-login-ui

在线演示源码下载

HTML5/CSS3颜色渐变文字 可指定文字路径

之前我们分享过一些很酷的HTML5文字特效,像这款HTML5/CSS3 3D文字特效的折叠效果非常不错,这款HTML5/CSS3发光文字 可自定义文字色彩也很绚丽。今天我们来分享一款利用SVG实现的文字按路径显示应用,同时文字的填充色也有渐变的效果。

html5-css3-path-text

在线演示源码下载

一款很酷的CSS3翻页时钟动画

之前我们介绍过一款HTML5/CSS3时尚的圆盘时钟动画,今天我们来分享另外一种风格的时钟,这款CSS3时钟动画是一款数字时钟,时间每过一秒,相应的位置就会像翻日历一样翻过去。另外,这款CSS3数字时钟有点立体的效果,非常漂亮。

css3-pretty-clock

在线演示源码下载

CSS3二级下拉动画菜单 菜单背景滑动动画

我们以前收集了很多漂亮的CSS3菜单,尤其是多级下拉菜单,像纯CSS3垂直动画菜单CSS3 Lava Lamp动画下拉菜单效果都还不错,也挺实用的。今天我再来分享一款CSS3二级下拉动画菜单,这款CSS3菜单的特点是在菜单展开时,菜单的背景会出现滑动的动画效果。

css3-animation-bg-menu

在线演示源码下载

CSS3/SVG质感背景小图标 镂空效果图标按钮

之前我们分享过很多利用CSS3制作的图标小按钮,比如一些分享按钮,如纯CSS3社会化分享按钮,还有一些带小图标的CSS3菜单,如HTML5/CSS3滑块动画菜单 图标动画很酷。今天我们来分享一款用CSS3和SVG实现的质感背景小图标,鼠标滑过图标时出现镂空的效果,并且有质感背景的描边,效果非常不错。

svg-icons-with-patterns

在线演示源码下载

HTML5/CSS3仿Facebook登录表单

利用CSS3制作的登录表单的确很漂亮,我们在html5tricks网站上也分享过几款了,比如CSS3密码强度验证表单可以显示密码的强度,这款纯CSS3发光登录表单更是绚丽多彩。今天我们要分享一款仿Facebook的登录表单,无论从外观还是功能上说,这款登录表单还是挺接近Facebook登录表单的。

html5-css3-facebook-login-form

在线演示源码下载