最近在简单的了解了下CSS3,发现它实在太强大了。在不用JS的情况下也可以写出一些很炫的特效出来。它较之CSS2增加了不少新属性,虽然CSS3很强大,但是它存在浏览器兼容的问题。虽然有缺陷,但是还是掩盖不了它的强大。首先说下它较之CSS2增加的几个新属性。1,圆角;border-radius;后面可...
分类:
Web程序 时间:
2014-08-17 19:44:42
阅读次数:
272
今天要介绍的是一款基于HTML5和CSS3的进度条应用,这款进度条是静态的,仅提供进度条的五彩外观。当然你可以在CSS中动态设置进度值来让其变得动态,一个很好的实现方式是利用jQuery动态改变CSS中的进度值,让进度条实时动起来。具体效果大家可以看演示。你也可以在这里查看在线演示接下来我们来分析一...
分类:
编程语言 时间:
2014-08-16 22:30:21
阅读次数:
1116
因项目需要,需要将B/S上项目以桌面版的形式呈现,并实现控制操作系统锁屏功能,为此只有将其以类似于.NET的WebBrowser控件的方式嵌入winForm,但WebBrowser采用IE内核引擎,对HTML5以及CSS3尚不支持,同时受限于操作系统以及版本限制。为此必须转换思路,通过资料查询,.....
分类:
Web程序 时间:
2014-08-16 21:01:11
阅读次数:
234
animation:animation-name | animation-duration | animation-timing-function | animation-delay | animation-iteration-cout | animation-direction | a...
分类:
Web程序 时间:
2014-08-15 19:12:49
阅读次数:
237
css3 中的 animation属性主要用来做动画的,详细的文章看:http://www.w3cplus.com/content/css3-animation调用animation的方法:animation-name(动画名称) animation-duration(播放动画的总时长) anima...
分类:
Web程序 时间:
2014-08-15 17:40:59
阅读次数:
191
通过CSS来创建精细、复杂的效果,成为了Web前端开发的未来趋势。世界各地的设计师认为CSS3是一项非常具有潜力的技术,未来将会创造更多不可思议的美妙设计。本文为Web开发者带来了一些与CSS3相关的教程,通过这些教程,你可以快速、直观地了解到CSS3的强大功能。1. 基于伪元素的CSS按钮在本教程...
分类:
Web程序 时间:
2014-08-15 17:31:49
阅读次数:
245
完成的效果如下查看效果并下载Step 1:先了解border的原理:Step 2:HTML代码结构Html代码StartPauseStopForwardForwardRewindRewindEjectEjectStep 3:画背景圆,position:relativeCss代码.playContai...
分类:
Web程序 时间:
2014-08-15 12:45:28
阅读次数:
322
考虑一下,如何在网页中达到类似以下文字渐变的效果? 传统的实现中,是用一副透明渐变的图片覆盖在文字上。具体实现方式可参考http://www.qianduan.net/css-gradient-text-effect.html。这种方式优点是图片可控,所以可实现很复杂的渐变效果,但是缺点是图片渐.....
分类:
Web程序 时间:
2014-08-15 12:36:48
阅读次数:
193
这是一款基于jQuery和CSS3的图片层叠展开特效,让鼠标滑过图片时即可触发这些特效。其中有一款就像扇子展开收拢一样,看起来效果都非常不错。当然本文主要还是来分析一下用jQuery实现这一效果的方法,具体效果可以在在线演示中查看。你也可以在这里查看在线DEMO演示说说实现的方法和代码吧,主要由HT...
分类:
Web程序 时间:
2014-08-15 12:32:18
阅读次数:
407
使用css3技术仿制的JavaScript弹力效果,其实做这个效果和Js的原理是一样的:就是控制位置和时间,但是不同的是css用transform的translate来控制,其实现的最终是transition。潜水射流曝气机 css3小技巧...
分类:
Web程序 时间:
2014-08-15 12:18:58
阅读次数:
264