之前为大家介绍了好几款css3导航，今天为大家在介绍的是一款适合放在手机网页的导航菜单。点击列表图标以下拉式的形式显示菜单，单击关闭，动画关闭。效果相当不错。效果图如下： 在线预览   源码下载 这个实例由css3和依赖于jquery插件。下面是实现代码html代码：&...

之前为大家介绍了一款HTML5/CSS33D文字特效文字外翻效果。今天为大家带来的是html5canvas实现的文字漂动动画效果。画面非常梦幻。在线预览   源码下载实现代码如下：html代码：<divclass="dgac"><divclass="dgmainatall...

之前已经为大家介绍了好几款css3按钮，今天要为大家介绍的是一款纯css3实现的圆形旋转分享按钮。旋转的角度可以自己调整。在demo中演示了三个角度旋转。360度，60度，-360度。如图： 在线预览   源码下载 看下实现代码：html代码：<b>360d...

今天要给大家分享的的一款用纯css3实现的图片放大镜特效。页面打开五个小图显示于页面。当鼠标经过图片时，当前图片以灰色背景图的形式展示。效果非常不错。在线预览   源码下载实现的代码：html代码：<ulclass="gallery"><liclass="gallery_...

之前介绍了几款css3实现的按钮，今天为网友来款比较新鲜的，用css3的data-attribute属性开发按钮，当鼠标经过显示按钮的详细信息。而且实现过程很简单，几行代码就搞定。大家试一试吧。如下图：在线预览   源码下载不错吧，贴上实现代码：html代码：<buttondata-...

今天要给大家介绍的是css3按钮，里面包含四种特效的动画，如下图：在线预览   下载源码实现html代码：<divalign="center"class="fond"><br/><divclass="bouton_1"><ahref="#123"&...

这是一个响应式设计的菜单。单击列表图标，当你显示屏大小可以完全水平放下所有菜单项时，菜单水平显示（如图1）。当你的显示屏不能水平放置所有菜单项时，菜单垂直显示（如图2）。而且显示的时候是以动画的型式显示。效果相当的好。点击这里在线预览下面贴出实现这功能的源代码，这是一个纯用css3实现的菜单html代码：<div...

纯css3打造的一款非常炫的加载图。用在需要一定时间加载的地方非常合适。先上效果图：点击这里在线预览代码非常简单。没有用任何javascript代码。纯css3实现。html代码：<divclass="content"><divstyle="width:970px;margin:auto">&l...

1、行高==高度：已知图片的高宽<divstyle="text-align:center;width:500px;height:200px;line-height:200px;border:greensolid1px;"><imgalt=""src="http://www.51dev.com//Fil...

一个CSS的px值转rem值的SublimeText3自动完成插件。安装下载本项目，比如：gitclone https://github.com/flashlizi/cssrem进入packages目录：SublimeText->Preferences->BrowsePackages...复制下载...

-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; ...

http://www.cnblogs.com/52css/archive/2012/08/19/sass-how-to-install-and-use.html SASS的安装方法：1、先安装Ruby，下载地址：http://download.csdn.net/detail/hzf2257/3334439。安...

html{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImag...

一、正则表达式：相信大家都会非常喜欢这个特性，无须服务器端的检测，使用浏览器的本地功能就可以帮助你判断电子邮件的格式，URL，或者是电话格式，防止用户输入错误的信息，通过使用HTML5的pattern属性，我们可以很方便的整合这个功能，代码如下：<inputtype="email"pattern="[^@]*@[...

Normalize.css是一个可定制的css文件，使浏览器呈现的所有元素，更一致和符合现代标准。它正是针对只需要统一的元素样式。该项目依赖于研究浏览器默认元素风格之间的差异，精确定位需要重置的样式。这是一个现代的，HTML5-ready的css重置样式集。 Normalize.css是HTML5-ready...