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转换. 更多的 很酷的例子 在冲浪旅行博客上.

  4. 多个背景图像

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

  5. @font-face

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

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

新利在线娱乐网
新利在线娱乐网是一家全方位服务的创意机构 网页设计打印身份品牌界面设计视频制作静止摄影 和 运动设计. 利用我们对卓越的热情,多元文化背景,和 获奖 实践, 我们始终如一地提供高品质的, 自定义, 创新的解决方案,以满足客户多样化的市场需求. 欲了解更多信息,请访问 www.MatchaDesign.com.