Safari浏览器对CSS3的支持

By | 2012-06-13

Safari浏览器对CSS3的支持

Safari将继续实施在网络上最具创新性的网络技术来推动的界限,什么是可能的. 借助Safari浏览器支持CSS动画, CSS效果, 和CSS网页字体, 您可以创建下一代丰富, 交互式Web应用程序.

CSS动画

Safari是第一个浏览器支持CSS过渡和动画. 使用这些技术的, 你可以动画的规划变化的样式属性,否则将瞬间. 大多数的CSS属性可以是动画 — 您可以添加丰富的动画的基本特性,如高度的变化, 宽度, 不透明度, 和知名度, 和先进的性能,如z-index值和字间距.

查看CSS动画在行动

CSS效果

采用了最新的CSS的影响,可在Safari, 开发人员可以在一个网页上的任何元素风格抢眼的梯度, 精确的面具, 和令人惊叹的思考, 通过添加的代码只需要几行提供抛光到他们的网站的一个额外层.

CSS3文字效果

Safari浏览器还支持CSS3文字效果,如自动断字, 垂直文本和文本重点, 使网站更加个性化,易于阅读.

查看CSS网页字体在行动

CSS Web字体

使用CSS网页字体, 你可以使用基于标准的技术来显示的一组标准的Web安全字体之外的字体. Safari会自动识别网页使用CSS网页字体显示自定义的字体, 并根据需要下载相应的字体文件. 通过使用CSS网页字体,而不是图像来显示自定义字体, 您可以创建令人惊叹的文字效果快速,轻松地. 使用网络字体,而不是文字图像的网页下载速度更快, 并且可以通过屏幕阅读器没有任何额外的编码工作进行解释.

CSS过滤器

借助Safari浏览器支持CSS过滤器, 您可以使用CSS创建高级过滤器和像素效果,如模糊和渐变. CSS滤镜也让你改变亮度, 调整色调, 反转颜色元素或将其转换为棕褐色或灰度. 您可以动态改变一个过滤器或组合多个过滤器, 同时还能利用硬件加速实现快速, 平滑渲染.