我正在尝试在我的网站中建立一个循环化身。但是,这些clip-path
周期适用于Chrome,Safari和IE9。我不知道为什么它不适用于Firefox。我正在使用Firefox 28.0。
我的Chrome浏览器:
Firefox:
我的CSS代码:
.author-avatar img{
height: 41px;
left: -18px;
position: relative;
-webkit-clip-path: circle(50%, 50%, 30%);
-moz-clip-path: circle(50%, 50%, 30%);
clip-path: circle(50%, 50%, 30%);
}
是一种使Firefox看起来相同的方法吗?
对于圆形图像,您可以尝试将以下内容添加到CSS中:
border-radius: 50%;
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句