最流行CSS3技术Top 10(三)

最流行CSS3技术Top-10
  接上次最流行CSS3技术Top 10(二),下面我们介绍Box-shadow与Text-shadow两种技术。
  

Box-shadow

  Box-shadow是我们期待已久的特性,该特性使某个元素具有阴影的效果。Box-shadow的参数如下:
box-shadow: position x-offset, y-offset, blur radius;
  position:的默认值为outset,它的另外一个值为inset。
  x-offset:正值表示阴影在元素的右面,负值表示在左面。
  y-offset:正值表示阴影在元素的下面,负值表示在上面。
  blur radius:该值如果为零,则阴影没有模糊很锐利。
  其实,如果大家对Photoshop有一定了解的话,Box-shadow与图层的外阴影的设定几乎一致
  现代浏览器全部支持该属性,但4.0以下的Firefox仍然需要添加前缀-moz,在IE9以下的浏览器中可以使用滤镜实现阴影效果。
   继续阅读文章

最流行CSS3技术Top 10(二)

最流行CSS3技术Top-10
  接上次最流行CSS3技术Top 10(一),下面我们介绍RGBA与Border-Radius两种技术。
  

RGBA

  RGBA是CSS中众多定义颜色方法的一种,唯一不同的是在定义颜色的同时可以设置透明度。RGBA的参数如下:
property: rgba(r color value, g color value, b color value, opacity value);
  其中color value的值从0至255,opacity value的值从0.0至1.0。现代所有浏览器都支持该属性,包括IE9。但是在IE9以下的浏览器中,需要使用滤镜来实现透明的效果。
   继续阅读文章

最流行CSS3技术Top 10(一)

最流行CSS3技术Top-10
  时下HTML5与CSS3持续火热,不仅最新的浏览器对其都有了不同程度的支持。这些最新技术的应用不仅可以实现各种特殊效果,而且可以节省带宽。这里列出了CSS3中最流行的10种技术。
  

1. @font-face(服务器端字体)

  @font-face允许用户从服务器上下载站点所用字体到个人计算机上,从而正确对页面进行渲染。其格式如下:
@rule-name {
font-family: "Fontname";
src: url(fontfilename.ext) format('formatname');
}

   继续阅读文章