CSS3的5个酷炫特性
九游会客户端——2010年11月30日,星期二
就像 HTML5, CSS3目前还处于草案阶段,对主要浏览器的支持各不相同. 不过,所有主流浏览器都至少在开发对现有CSS3属性的支持. CSS3与HTML5携手,通过减少脚本和插件使页面更简单, 同时也要将内容、表现和行为分开, 尽可能多地. 以下是CSS3可以做的一些很酷的事情.
-
圆角边框、不必、文本阴影
border-radius属性允许方框具有圆角. 如何创造漂亮的外观, 跨平台的, 自远古以来,灵活的圆角一直是困扰设计师的问题. 现在CSS解决了这个问题. box-shadow和text-shadow属性在元素或元素的文本后面呈现下拉阴影, 分别. 所有这些属性都添加了一些过去很难实现的微妙的细节.
-
转换
转换允许对属性的更改,而不是在选择器应用到元素时立即发生. 例如, 你可以设置一个链接的文字颜色,慢慢淡出一个新的颜色悬停使用过渡持续时间. 或者在短时间延迟后突然改变,使用过渡延迟. 将鼠标移到这句话上,看看它在浏览器上是如何工作的. 的主导航菜单 我们的网站 和我们的 工作部分 使用转换严重.
-
转换
不同浏览器对转换的支持差别很大, 但随着CSS3向最终标准过渡,它们应该会变得更加统一. 变换可以用于旋转、缩放、倾斜和移动元素. 3D变换也开始出现. 这些特别酷. 把鼠标放在这句话上,看看你的浏览器是否支持3d转换. 更多的 很酷的例子 在Surfin' Safari博客上.
-
多个背景图像
这允许一个元素以不同的方式应用不同的背景图像. 例如,一个相框可以通过在边角应用不同的图像来制作. 我喜欢这个,因为它去掉了很多复杂背景的图层. 我们的 主页 使用这种技术在大特征后面的主墙上应用微妙的阴影, 而使用小瓷砖的大部分墙壁. 对于不支持多个背景图像的浏览器,存在一种退路.
-
@font-face
这种机制实际上已经存在了很长一段时间, 但它从未正式成为CSS的一部分, 而且它只对ie浏览器有效. 现在它是CSS3工作草案的一部分. 它允许开发人员为终端用户系统上没有的文本指定一种字体, 让它可以下载. 用户下载字体就像下载图像或页面的任何其他部分一样, 浏览器将它用于文档上的适当文本.
有很多非常棒的CSS3技术的例子. 一个简单的网络搜索将会找到更多你可能没有时间看的东西. 我鼓励你去探索.
九游会客户端
九游会客户端是一家专注于全方位服务的创意机构 网页设计, 打印, 身份, 品牌, 界面设计, 视频制作, 静止摄影 而且 运动设计. 用我们对卓越的热情,多元文化背景,和 获奖 实践, 我们一贯提供高品质的, 自定义, 创新的解决方案,以满足客户多样化的营销需求. 欲了解更多信息,请访问 www.MatchaDesign.com.