我可以用多边形剪辑路径制作一个完美的圆圈吗?

时间:2014-05-26 05:49:03

标签: css css3

我们有一个网站,我们已经使用-webkit-clip-path: circle() ...制作动画,在最后一次Chrome / Safari更新后,它不再适用,如果你没有&#39 ; t已经更新到34以上,你可以在这里看到它是如何工作的:

http://www.mis-implants.com//Media/Newsletters/News2014.aspx

我的问题是:我可以使用多边形而不是圆形来获得相同的效果吗? 如果没有,可以使用什么技术来达到完全相同的效果?

1 个答案:

答案 0 :(得分:0)

您可以尝试创建一个元素,如DIV和giv这个元素固定,相等的宽度和高度,然后给这个元素border-radius与宽度或高度的double值这将显示一个完美的圆形你请在以下链接中查看:

https://css-tricks.com/examples/ShapesOfCSS/

此外,您可以使用SVG技术而不是剪辑路径,这对您有关浏览器版本

的帮助

这是一个链接,显示如何绘制尖锐的圆圈,链接还有SVG元素的附加属性,您可以找到它对您有用:

http://tutorials.jenkov.com/svg/circle-element.html

希望这会有所帮助。

此致