Tag Archives: CSS3

HTML5新功能演示

Posted on 2010年04月29日 by Bell

HTML5新功能演示 DEMO>> 如果你想100%运行演示文档中的这些DEMO，请使用Google Chrome浏览器，并在运行Chrome时加上一些参数来启动浏览器的对应功能。(测试中发现部分DEMO无法运行) 演示文档demo目录: #1-2 … #3. Web技术大致的时间轴 #4-5 … #6. JS APIs 新的选择器 #7. JS APIs 本地储存 – Web Storage #8. JS APIs 本地数据库 – Web SQL Database #9. JS APIs 文件缓存 – Application Cache API #10. JS APIs … Continue reading →

Posted in HTML & CSS1,613 views | Tagged , | Leave a comment

CSS3:阴影-文字阴影&模盒阴影

Posted on 2010年03月27日 by Bell

阴影是设计中经常用到的效果,它能提高设计的质感,在CSS3中具有text-shadow,box-shadow属性,通过简单的设置就可以实现不错的阴影效果.如图: text-shadow语法: selector { text-shadow: length1 length2 length3 color;} 其中: length1: X轴方向偏移(正值是向右偏移,负值是向左); length2: Y轴方向偏移(正值是向下偏移,负值是向上); length3: 阴影模糊半径(值越大阴影越模糊); color:阴影颜色;

Posted in HTML & CSS753 views | Tagged | Leave a comment

如果你也关注CSS3,那么这一定是你想要的

Posted on 2009年09月3日 by Bell

css3.0中文参考手册! 在蓝色上看到的,归纳总结的不错. 下载

Posted in HTML & CSS1 views | Tagged | Leave a comment

一些CSS3的特效

Posted on 2009年08月25日 by Bell

虽然CSS3里我们还很远,但它带给我们的惊喜总是让我们不断的憧憬着CSS3未来,下面我们来看看目前webkit内核的浏览器所支持的一些CSS3特效.请用Safari 4+ 或 Chrome观赏:) 1.旋转效果 < !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>untitled</title> <style type="text/css" media="screen"> @-webkit-keyframes pulse { from { -webkit-transform: rotate(0deg); } to { /* -webkit-transform: rotate(20deg); -webkit-transform: scale(2); */ … Continue reading →

Posted in HTML & CSS1 views | Tagged | 2 Comments

5个CSS3实用特性

Posted on 2009年01月5日 by Bell

虽然CSS3还没有普及,但其具有的新特新却是每个设计师梦寐以求的,下面我们就来看看5个非常实用的CSS3特性: 1.圆角矩形 目前我们想制作圆角矩形只能通过图片的方式来实现,但在CSS3中只需要一二句代码就OK了: .round{ -moz-border-radius:10px; -webkit-border-radius:10px; } border-radius:10px;就是圆角的半径为10px,数值越大,弧度越大. 从代码就很明显的看出IE不支持这个…-moz 对应火狐,-webkit 对应safari和chrome.

Posted in HTML & CSS1 views | Tagged , | Leave a comment
Pages: Prev 1 2 3 Next