-
CSS3 HTML5实例五(使用 @Font-Face 实现定制字体
Web 设计中有几种字体是比较安全的,如 Arial,Helvetica, Verdana, Georgia, Comic Sans (中文的,一般来说宋体是唯一安全的 - 译者),现在,使用 CSS3 的 @font-face 可以自己指定字体,不过因为牵扯到...
2014-11-16 21:39 -
CSS3 HTML5实例四(使用 RGBA 实现透明效果)
目前,Web 设计中的透明效果主要靠 PNG 图片实现(但在 IE 浏览器支持得并不好 - 译者),在 CSS3,可以直接实现透明效果。 rgba(200, 54, 54, 0.5); background: rgba(200, 54, 54, 0.5); color: rgba(200, 54, 5...
2014-11-16 21:39 -
CSS3 HTML5实例三(块阴影与文字阴影)
阴影效果曾让 Web 设计师既爱又恨,现在,有了 CSS3,你不再需要 Photoshop,已经有网站在使用这个功能了,如 24 Ways website. -webkit-box-shadow: 10px 10px 25px #ccc; -moz-box-shadow: 10px 10px 25px #ccc; b...
2014-11-16 21:39 -
CSS3 HTML5实例二(图形化边界)
顾名思义,图形化边界就是允许使用图片作为对象的边界,语法如下: border: 5px solid #cccccc; -webkit-border-image: url(/images/border-image.png) 5 repeat; -moz-border-image: url(/images/border-image.png) 5 repeat; b...
2014-11-16 21:39 -
CSS3 HTML5实例一(圆角)
CSS 3 HTML 5 是未来的 Web,它们都还没有正式到来,虽然不少浏览器已经开始对它们提供部分支持。本文介绍了 5 个 CSS3 技巧,可以帮你实现未来的Web。目前这些技术不应该用在正式的客户...
2014-11-16 21:39 -
PIE.js使IE6,7,8支持部分常用CSS3渲染
e...
2014-11-16 21:39 -
CSS3(transform)实例之3D变换
首先要了解 transform 属性相关知识, 点击查看在线手册 先看下效果图: Demo演示地址 浏览器:谷歌Chrome和Safari 4 +。 在这里给大家介绍下transform的属性以及如何取值: none: 无转换 matr...
2014-11-16 21:39 -
css3动画实例之transition
XML/HTML Code 复制内容到剪贴板 !DOCTYPEhtml html lang = zh-cn head meta charset = utf-8 / title CSS3动画 / title meta name = author content = / meta name = copyright content = / style body{font-family:微软雅黑;font-size:12px;}...
2014-11-16 21:39 -
纯CSS3制作的Windows7开始菜单
我对使用少量 CSS3 代码来实现很多效果这一过程非常的着迷,很多UI元素都需要用图片来展示其漂亮的外观,但是你可能不知道,单纯的CSS3代码也是可以实现的。下面我就用纯CSS3来制作...
2014-11-16 21:39 -
CssGaga – AutoSprite
市面上有一些CSS Sprite Generator,要么是需要手动调整图片位置,要么需要保存图片并拷贝粘贴css代码,用起来很是麻烦,想必这也是没有大规模使用起来的原因吧。 CssGaga使用了不同的思...
2014-11-16 21:39