我们有一个网站,我们已经使用-webkit-clip-path: circle()
...制作动画,在最后一次Chrome / Safari更新后,它不再适用,如果你没有&#39 ; t已经更新到34以上,你可以在这里看到它是如何工作的:
http://www.mis-implants.com//Media/Newsletters/News2014.aspx
我的问题是:我可以使用多边形而不是圆形来获得相同的效果吗? 如果没有,可以使用什么技术来达到完全相同的效果?
答案 0 :(得分:0)
您可以尝试创建一个元素,如DIV和giv这个元素固定,相等的宽度和高度,然后给这个元素border-radius与宽度或高度的double值这将显示一个完美的圆形你请在以下链接中查看:
https://css-tricks.com/examples/ShapesOfCSS/
此外,您可以使用SVG技术而不是剪辑路径,这对您有关浏览器版本
的帮助这是一个链接,显示如何绘制尖锐的圆圈,链接还有SVG元素的附加属性,您可以找到它对您有用:
http://tutorials.jenkov.com/svg/circle-element.html
希望这会有所帮助。
此致