CSS Shapes:Web设计人员的新工具

2013-08-30 13:00 来源:电子信息网 作者:和静
这些代码可以生成一个圆心(0,0)半径800的精准的圆。段落当中的文本文字围绕在圆的周围,如下:

CSS Shapes将引入全部的Photoshop标准掩码:我们最终可以创建出一个图像,并使用这个图像的alpha信道定义外部形状。

虽然浏览器制造商是否会使用这样的功能,并通过SVG或过滤器来操纵掩码,这些尚不清楚;但是一个基本的形状功能施行就已经充满了诱惑;想象一下,一个图像被分成前景和背景,文本内容包裹在前景和背景的现象可以被当做是一个背景图像使用,这样的潜力是惊人的,不管是在技术方面还是在效果上。

基本的文字文本围绕一个不规则的形状看起来像这样:

3

浏览器支持

恐怕这又是老样子:没法在浏览器上实现。这项功能目前还只是一个提议而已,还不具备可操作性。

近些年来,随着对网络标准的不断重视,我们可以看到浏览器制造商竞相使用W3C规范(而不使用他们自己的专利技术),因此,CSS Shapes的引入有可能会更快。一旦他们得到广泛支持,CSS Shapes的巨大潜力将预示着一个新时代的网络设计的到来,也就是说,Web设计不再受矩形盒模型的限制。

未来,很随便,就在拐角处。

< 1 2 
CSS Shapes Web设计

相关阅读

暂无数据

一周热门