Java代码varfx={buffer:function(obj,cur,target,fnDo,fnEnd,fs){if(!fs)fs=6;varnow={};varx=0;varv=0;if(!obj.__last_timer)obj.__last_timer=0;vart=newDate()....
分类:
Web程序 时间:
2014-09-26 10:16:28
阅读次数:
320
之前为大家介绍了很多款由纯css3实现的特效。今天要再给大家带来一款纯css3实现的超炫动画背画特效。代码非常简单,没有引用任何其它js代码。css代码也不多。效果非常炫。一起看下效果图:在线预览源码下载实现的代码。html代码: ...
分类:
Web程序 时间:
2014-09-26 10:13:48
阅读次数:
412
1.至少写出3个css3新增的属性,HTML5强调标签的语义化,写出5个HTML5的语义化标签。边框:border-radius、box-shadow、border-image背景:background-clip、background-size、background-origin文本:text-sh...
分类:
Web程序 时间:
2014-09-25 20:34:37
阅读次数:
401
一、边框1.border-radius简略写法:div{border:2px solid #a1a1a1;border-radius:25px;/*IE9+、Firefox4+、Chrome、Safari5+、Opera*/-moz-border-radius:25px; /* 老的 Firefox...
分类:
Web程序 时间:
2014-09-25 19:58:17
阅读次数:
205
在我们开始使用SVG前,让我们先了解一下 SVG,并且解释一下为什么使用SVG。
SVG全称是Scalable Vector Graphics,如果你使用过adobe Illustrator的话,相信你对这种适量格式的图片并不陌生!
为什么使用SVG?
文件非常小
能够无损失的缩放尺寸
在Retina显示屏上效果超棒
能够控制图片样式设计,例...
分类:
Web程序 时间:
2014-09-25 18:51:04
阅读次数:
568
今天,带来的是纯CSS3的效果--图片3D翻转。
请看效果:http://webfront.verynet.cc/pc/rotate.html
这个效果主要还是运用了CSS3的transform变形属性,与上个效果不同的是,这次并不是动画,所以没有采用animation属性,而是采用transition过渡属性。这个属性会将元素在两种效果之间进行切换,并产生一个过渡效果。详情请看代码。...
分类:
Web程序 时间:
2014-09-25 17:06:39
阅读次数:
242
随着 Retina 屏幕的逐渐普及,网页中对图片的适配要求也越来越高。如何让图片在放大了两倍的 Retina 屏幕显示依然清晰,曾经一度困扰着网页开发者,好在
CSS3 与 HTML5 已经着力在改变这种现状。那么到底什么是响应式图片呢?
什么是响应式图片?
响应式图片是指:用户代理根据输出设备的分辨率不同加载不同类型的图片,不会造成带宽的浪费。同时,在改变输出设备类型或分辨率时,...
分类:
Web程序 时间:
2014-09-25 16:50:47
阅读次数:
269
基本语法: border-radius : none | {1,4} [/ {1,4} ]?取值范围: : 由浮点数字和单位标识符组成的长度值。不可为负值。简单说明: border-radius 是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径,“/”后面值设置其垂直...
分类:
Web程序 时间:
2014-09-25 16:45:39
阅读次数:
398
网页要多终端匹配,传统字体单位px满足不了,考虑使用rem单位 rem 是相对于根节点的 为此,如下代码,先让根节点单位为10px,之后就方便使用rem了 html?{?font-size:?62.5%;?}?
body?{?font-size:?1.4re...
分类:
Web程序 时间:
2014-09-25 15:41:59
阅读次数:
236
Query的选择器之强大是有目共睹的,phpQuery?让php也拥有了这样的能力,它就相当于服务端的jQuery。 先来看看官方简介: phpQuery is a server-side, chainable, CSS3 selector driven Document Object Model (...
分类:
Web程序 时间:
2014-09-25 04:31:38
阅读次数:
249