我已经设置了一个圆形按钮页面。 当鼠标单独悬停在它们上面时,它们会旋转以显示按钮的反面。
它基于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出错的地方。
答案 0 :(得分:1)
在.fakeit
CSS规则上,
添加box-shadow: 0 1px 15px rgba(0,0,0,0.1);
答案 1 :(得分:0)
似乎问题在于
-webkit-perspective: 800px;
on .ch-info-wrap
不知道它做了什么,但似乎删除使它工作。