2016-04-08 46 views
-1

我在自举旋转木马里面有一些div。这些div就像卡片,所以当用户点击它们时,它会产生翻转效果。问题是,当卡做的效果,卡被剪切div div内容的限制。这是一个的jsfiddle例如:Bootstrapp旋转木马里面有翻转效果

​​3210

https://jsfiddle.net/pctnpzc5/

+0

的问题不够清晰。你想要解决什么? –

+0

当你看到点击卡片的翻转效果时,看不到效果卡片的角落,因为这张卡片在旋转木马内部,它隐藏了部分效果。完整的效果显示在这里https://nnattawat.github.io/flip/ – Crisiiii

+0

不要吝啬你的方式,你只能发布jsfiddle链接,当你通过插入伪注释来显示一些代码时,比如'// Any想法如何解决?' – CBroe

回答

1

则需要由与该卡的减少或增加容器的大小(或两者)给你的卡位的空间。

.card-flip{ 
    height: 350px; 
    width: 80%; margin:10px auto; 
} 

(这里我们给出10%的保证金左,右和上10px的顶部和底部)

这样的:https://jsfiddle.net/ten0g56s/

+0

谢谢!但是,如果我不想更换这张牌,你认为还有其他选择吗? – Crisiiii