CSS Flip Card动画仅在Firefox中不能正常工作

文章/答案/技术大牛

发布

1回答

html、css、flip

你好，我正在用CSS制作翻转卡片动画，在Chrome或Edge中它的工作原理是这样的:正面 ? ? 背面但当我在Firefox中打开它时，它的正面图像一点也没有消失。我的CSS代码是： .flip-card { width: 510px; perspective: 1000pxtransition: transform 0.6

浏览 11提问于2019-05-07得票数 0

回答已采纳

1回答

打开的HTML选择框在Firefox中的位置错误

html、css、html-select

我正在开发一个表单，元素在FIREFOX中显示了奇怪的定位错误。一旦用户单击以查看所有选项，列表将位于HTML文档中完全不同的位置。

浏览 2提问于2014-11-11得票数 2

1回答

CSS动画(transform: rotateY(180deg);)除了在iOS上的Chrome外，效果很好

css、iphone、google-chrome、animation

这些动画在PC和iPhone firefox/Safari上运行得很好，但在iPhone Chrome上就不行。(最新)。非常感谢您的帮助。我尽我所能地清理了代码。工作代码到处都有注释。代码中还有更多内容，但这是它的核心。同时运行Bootstrap

浏览 8提问于2021-07-31得票数 2

1回答

创建具有ng内容的Angular2组件的“克隆”。

javascript、angular

我面临的主要挑战是，我需要将ng-content标记中的内容也投影到“克隆”中。我想避免这种情况，以便注入数据的嵌套组件和数据绑定(从而修改元素的维度)将继续工作。/card-flip.component.css'], CardFlipFrontComponent}) export class CardFlipComponent/card-flip-front.c

浏览 2提问于2017-04-11得票数 3

1回答

当鼠标悬停在按钮上时，在CSS上翻转动画

html、css、css-animations、flip

我试图得到一个css翻盖动画，这是基于鼠标指针悬停效果的按钮。现在，您可以在上看到类似的东西，在这个代码处理示例中，当您将鼠标指针悬停在卡片上时，您将得到一个翻转动画。 <div class="flip-container" >top: 0;} /* front pane, placed above

浏览 0提问于2018-11-27得票数 3

回答已采纳

2回答

用css旋转立方体

html、css

当我从左向右旋转时，在所有浏览器上，Chrome、Firefox和IE都会完美地对齐，但是当立方体从上到下旋转时，边只会在Chrome上对齐(如果我使Chrome上的动画慢一些，边就会像其他浏览器一样被破坏，所以我认为正确工作是一个错误:D)。">Flip-top</button>CSS： .flip-ca

浏览 6提问于2015-04-20得票数 2

回答已采纳

1回答

图片不在safari移动网站的中心位置。

css、animation、mobile、safari、css-animations

我实现了对图像的css动画，它很好地工作在浏览器或铬通过pc。 backface-visibility: hidden; width: 100vw; .flip-<

浏览 5提问于2022-05-11得票数 0

1回答

在ActionBar上绘制的阿尔法动画留下一条线索

android、android-actionbar、android-animation

R.animator.card_flip_front_in, R.animator.card_flip_back_out)<set xmlns"/>问题:除了视觉故障之外，上面描述的实现的每个部分都按照计划完美地工作。例如，如果在这个片段中我有一个红色的ImageView，并且其中的一部分在ActionBar上旋转，那么它上仍然有

浏览 2提问于2014-01-29得票数 2

回答已采纳

1回答

css、internet-explorer、internet-explorer-11

我试图让CSS翻盖卡在Internet 11中工作。我读过其他问题，解决方案是在翻盖卡的功能中添加'-ms‘前缀。我已经这样做了，但在IE 11，翻转卡没有显示背面出于某种原因。</p> </div> CSS代码： width: 140px; height: 140px.card</e

浏览 0提问于2015-01-02得票数 3

1回答

包含JQuery的容器的容器结构问题

javascript、jquery、html、css、structure

我正在为学校完成一个记忆游戏，我真的很想用CSS动画翻转卡片，这本身是相当直接的。目前，棋盘内产生的棋子如下： cards.forEach(function(card, i) { <div class="front"></div> <div class="back"><img s

浏览 0提问于2017-11-19得票数 0

回答已采纳

1回答

火狐动画滞后

html、css、animation、firefox、css-animations

我试图用CSS动画我的标志。这是小提琴链接滚动条css也不仅仅在Firefox中工作。

浏览 3提问于2022-06-26得票数 1

回答已采纳

2回答

具有自动高度的CSS3倒装卡

jquery、css、height

我正在使用教程创建一个翻盖卡效果使用CSS3和jQuery，我有问题，得到的高度，以调整内容的长度，而让它仍然翻转在中心水平。代码： <div class="card"> Front<br.card.flipped { -webkit-transform: rotatex(-18

浏览 3提问于2012-10-21得票数 6

回答已采纳

1回答

在div中不能单击标记

html、css、sass

首先，div.sm中的标签是不可点击的，其次是可以正常工作的。下面是JSX和CSS/SCSS。当我将transform: translate(-50%，-50%)添加到sm类时，也会发生这种情况。: 1000px; margin-left: -30px; height: 300px; .flip-card-inner:hover .flip-card-inne

浏览 15提问于2020-06-26得票数 1

1回答

javascript document.getelementbyid()不能在html加载时使用循环

javascript、dom

我编写了一个函数，通过尝试获取每个div id来填充我的index.html中的6个div。我希望在页面加载时发生这种情况。发生的事情是图像只填充第六个div，我想要的是要加载到所有div中的id='flip-card‘的图像。我将'console.log(i)‘放在for循环中，以检查循环是否正常工作。它正在工作，但不知何故不想用图像填充所有的div，它只填充最后一个。有人能帮帮我吗?我错过了什么？"> <di

浏览 24提问于2020-10-26得票数 0

1回答

如何将包含片段的容器放入ViewPager中，以便使用翻转卡片效果进行动画

android、animation、android-viewpager、fragment、fragmentstatepageradapter

单击另一个按钮将产生翻转卡片动画，显示卡片的背面，或者如果背面已经显示，则向后翻转卡片动画(相同的卡片)。为了获得翻转卡片动画，要设置动画的片断必须在容器中，而不是直接在查看器中。不再可能进行正常的滑动。之前也有人问过同样/类似的问题：。被接受的答案不是回答我的问题，但在评论中显示，有更多的人在寻找这个答案。编辑以澄清评论中的问题，我想使用的动画作品与一个容器作为体育。, R.animator.c

浏览 0提问于2016-04-03得票数 0

点击加载更多