当前位置: 海之晶网站设计> 建站知识> 常见问题>重新审视CSS形状

重新审视CSS形状

文章出处:网站建设-海之晶网络 | 网站编辑:网站设计 | 发表时间:2020/9/21 15:58:50
分享:

CSS Shapes Level 1已经在Chrome和Safari中使用了很多年,但是,本周它将在Firefox 62的发布中发布Firefox的一个生产版本,同时在Firefox DevTools中添加了一个非常好的功能来帮助我们处理形状。在本文中,我将介绍一些使用CSS形状可以做的事情。或许是时候考虑在设计中添加一些曲线了?

CSS Shapes规范级别1定义了三个新属性:

此规范的目的是允许内容围绕非矩形形状流动,这在我们的方形web中非常罕见。创建形状有几种不同的方法,我们将在本教程中介绍这些方法。我们还将了解Firefox中提供的形状路径编辑器,因为它可以帮助您轻松理解页面上的形状并使用它们。

在当前规范中,形状只能应用于浮点,因此任何形状示例都需要从浮动元素开始。在下面的示例中,我有一个PNG图像,它的背景是透明的,我将图像左浮动。图像后面的文本现在在图像的右侧和底部流动

关键字:
南京市汉中路1号国际金融中心9楼
建站热线:13815417591
免责声明: 本站部分内容来源于互联网,如果本站部分内容侵犯您的权益,请您告知,站长会立即处理。