渐变生成器:http://colorzilla.com/gradient-editor/背景图案:http://lea.verou.me/css3patterns/html5和css3浏览器支持情况:http://caniuse.com/IE Tester:http://www.my-debugba...
分类:
Web程序 时间:
2014-06-28 21:54:10
阅读次数:
212
利用HTML5/CSS3,仅用5步就可以制作便签贴效果的HTML页面,效果图如下:(注:图里的文字纯属杜撰,搞笑目的,如有雷同,纯属巧合,谢谢!)注:该效果可以在Safari, Chrome,Firefox和Opera在看到效果,IE上由于对HTML5的支持不完全,所以看不出效果。第一步:创建基本H...
分类:
Web程序 时间:
2014-06-28 21:00:23
阅读次数:
219
安卓手机底部四五分页的导航都是比较漂亮的今天直接给大家推荐这款代码,这样就省得每次自己写了jQuery特效代码:0102030405jquery+css3安卓Android(苹果iphone)桌面底部导航菜单0607080910111213141516171819202122232425262728...
分类:
移动开发 时间:
2014-06-28 20:37:38
阅读次数:
263
~~~ transition animation 和 animate.css在这个年代,你要是不懂一点点css3的知识,你都不好意思说你是个美工。美你妹啊,请叫我前端工程师好不好。呃。。好吧,攻城尸。。。呵呵,作为一个攻城尸,没有点高端大气上档次的东西怎么能行呢,那么css3的动画就绝对是值得你拥有...
分类:
Web程序 时间:
2014-06-28 13:20:05
阅读次数:
215
使用CSS3 的3D变换特性,我们可以通过让元素在三维空间中变换来实现一些新奇的效果。 这篇文章分享的这款 jQuery 立体图片滑块插件,利用了 3D transforms(变换)属性来实现多种不同的效果。 温馨提示:为保证最佳的效果,请在 IE10+、Chrome、Firefox 和 Sa...
分类:
Web程序 时间:
2014-06-21 09:26:35
阅读次数:
223
通过float属性设置横向多列布局。float: left 左浮动 right 右浮动 none 不浮动设置了这个属性后,元素会左移或者右移,直到碰触到容器为止。注意: 设置了浮动的元素,依然处于标准文档流当中。意味着他会占用标准文档流中的空间,会对其他元素造成影响。块状元素若是没...
分类:
其他好文 时间:
2014-06-21 00:40:39
阅读次数:
252
CSS3悬停特效合集Hover.css是一款特效丰富,支持2D变化特效、边框特效、阴影特效等; 使用简单,可直接复制相关特效代码,快速应用到元素上。源码地址:http://www.huiyi8.com/sc/11119.html
分类:
Web程序 时间:
2014-06-20 18:20:08
阅读次数:
227
做时钟的主要原因是因为喜欢,觉得它好看(本人对特效有点爱不释手……)。做的时候感觉工程量会有点大,做着做着发现实现起来其实并不难,只要理清思绪,其实还蛮简单的(我制作东西喜欢整体方向制定好,然后边做边找感觉,最后可能会有不一样的惊喜)。 我这里采用了时钟的背景图片,第一我觉得图片好看,第二我觉...
分类:
Web程序 时间:
2014-06-20 17:40:43
阅读次数:
267
JS+CSS3实现计算器特效
C
7
8
9
+
4
5
6
-
1
2
3
÷
0
.
=
x
// Get all the keys from document
var keys = document.querySelectorAll('#calculator...
分类:
Web程序 时间:
2014-06-18 06:37:23
阅读次数:
271
本来准备写一个支持多图片拖拽上传的例子,但是为了更好的理解,先介绍一下HTML5的拖放。
拖放(Drag 和 drop)是 HTML5 标准的组成部分。
浏览器支持
Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。
被拖元素,dragElement :
1、添加事件:ondragstart
2、添加属性:d...
分类:
Web程序 时间:
2014-06-17 21:54:27
阅读次数:
373