在Chrome中恼人的边界半径剪辑

时间:2014-02-04 19:07:07

标签: css css3 google-chrome

我已经设置了一个圆形按钮页面。 当鼠标单独悬停在它们上面时,它们会旋转以显示按钮的反面。

它基于CoDrops http://tympanus.net/Tutorials/CircleHoverEffects/index4.html

的演示

我的问题是,当鼠标悬停在某个按钮上时,我想要同时显示页面上多个按钮的相反方向(即翻转它们)。

这在Firefox中运行良好,大部分都可以在Chrome中使用,而不会让按钮在边缘被剪裁。

以下是演示网站: http://www.qars.co.uk/spumma/v2/

当您将鼠标悬停在中间图像上时,这就是Chrome浏览器的外观:http://cl.ly/image/1K0y1y0t1z2j

同样,在FireFox中效果很好,我只是看不出Chrome出错的地方。

2 个答案:

答案 0 :(得分:1)

.fakeit CSS规则上,
添加box-shadow: 0 1px 15px rgba(0,0,0,0.1);

答案 1 :(得分:0)

似乎问题在于

-webkit-perspective: 800px;

on .ch-info-wrap

不知道它做了什么,但似乎删除使它工作。