CSS3的5个酷炫特性

九游会客户端——2010年11月30日,星期二

就像 HTML5, CSS3目前还处于草案阶段,对主要浏览器的支持各不相同. 不过,所有主流浏览器都至少在开发对现有CSS3属性的支持. CSS3与HTML5携手,通过减少脚本和插件使页面更简单, 同时也要将内容、表现和行为分开, 尽可能多地. 以下是CSS3可以做的一些很酷的事情.

九游会客户端教程系列- CSS3

  1. 圆角边框、不必、文本阴影

    border-radius属性允许方框具有圆角. 如何创造漂亮的外观, 跨平台的, 自远古以来,灵活的圆角一直是困扰设计师的问题. 现在CSS解决了这个问题. box-shadow和text-shadow属性在元素或元素的文本后面呈现下拉阴影, 分别. 所有这些属性都添加了一些过去很难实现的微妙的细节.

  2. 转换

    转换允许对属性的更改,而不是在选择器应用到元素时立即发生. 例如, 你可以设置一个链接的文字颜色,慢慢淡出一个新的颜色悬停使用过渡持续时间. 或者在短时间延迟后突然改变,使用过渡延迟. 将鼠标移到这句话上,看看它在浏览器上是如何工作的. 的主导航菜单 我们的网站 和我们的 工作部分 使用转换严重.

  3. 转换

    不同浏览器对转换的支持差别很大, 但随着CSS3向最终标准过渡,它们应该会变得更加统一. 变换可以用于旋转、缩放、倾斜和移动元素. 3D变换也开始出现. 这些特别酷. 把鼠标放在这句话上,看看你的浏览器是否支持3d转换. 更多的 很酷的例子 在Surfin' Safari博客上.

  4. 多个背景图像

    这允许一个元素以不同的方式应用不同的背景图像. 例如,一个相框可以通过在边角应用不同的图像来制作. 我喜欢这个,因为它去掉了很多复杂背景的图层. 我们的 主页 使用这种技术在大特征后面的主墙上应用微妙的阴影, 而使用小瓷砖的大部分墙壁. 对于不支持多个背景图像的浏览器,存在一种退路.

  5. @font-face

    这种机制实际上已经存在了很长一段时间, 但它从未正式成为CSS的一部分, 而且它只对ie浏览器有效. 现在它是CSS3工作草案的一部分. 它允许开发人员为终端用户系统上没有的文本指定一种字体, 让它可以下载. 用户下载字体就像下载图像或页面的任何其他部分一样, 浏览器将它用于文档上的适当文本.

有很多非常棒的CSS3技术的例子. 一个简单的网络搜索将会找到更多你可能没有时间看的东西. 我鼓励你去探索.

九游会客户端
九游会客户端是一家专注于全方位服务的创意机构 网页设计打印身份品牌界面设计视频制作静止摄影 而且 运动设计. 用我们对卓越的热情,多元文化背景,和 获奖 实践, 我们一贯提供高品质的, 自定义, 创新的解决方案,以满足客户多样化的营销需求. 欲了解更多信息,请访问 www.MatchaDesign.com.