翻转卡片Bug Safari

文章/答案/技术大牛

发布

1回答

javascript、css、reactjs、safari、anime.js

我用react.js和anime.js开发了一个网站自定义卡片传送带。我在屏幕中央的卡片上做翻转动画。它在opera，firefox和chrome上运行得很好，但我在safari上有个问题。我用safari 13.0.4对其进行了测试。动画是可以的，但是动画之后，文本会移到卡片后面。在第三次迭代之后，它工作得很好。front card back card Opera, Chrome, Firefox and on Safari (after the 3rd flip f

浏览 19提问于2020-01-13得票数 0

回答已采纳

1回答

CSS 3d转换动画仅在webkit中的其他元素下面。

html、css、webkit、transform

我有一个非常简单的3d转换，本质上是一堆翻盖卡，可以前后翻转，反之亦然。当他们被翻转时，我希望动画与其他卡片重叠。这在Firefox中很好，但是动画发生在Webkit中的其他卡片下面。小提琴在这里：transform-style: flat任何帮助都将不胜

浏览 2提问于2015-05-06得票数 0

回答已采纳

2回答

绘制渐变后CSS文本不会立即显示

html、css

这只发生在最初的卡片翻转。文本需要一秒的时间才能显示出来，然后就会突然出现。我需要文本已经在那里，当图像被翻转，或至少有一个平稳的过渡，如果这是不可能的。我把它追溯到文字在图像的不同角落的位置。如果我删除用于放置文本的css，那么它将显示并正常工作。flip-card-back { width: 100%; -webkit-backface-visibility: hidden; /* <

浏览 4提问于2020-04-14得票数 0

回答已采纳

2回答

在Safari中使用CSS对动态大小的内容进行动画处理

html、css、safari

单击时，step1和步骤2的内容将翻转以显示步骤3中的内容。目前，我有以下。我正在尝试让卡片后面的浅灰色背景随着卡片的增长而增长。当步骤2被揭示时，背景应该会增长。我不能使用绝对高度，因为每一步的内容都是动态的。我已

浏览 0提问于2017-01-07得票数 6

1回答

简单的JavaScript OnClick函数

javascript、jquery、css、onclick

我确切地知道我想要实现什么，但是作为网页设计的新手，我发现我所拥有的知识有一些局限性……我发现这很难实现。

浏览 3提问于2011-11-03得票数 0

回答已采纳

1回答

CSS卡翻转动画在Safari/Firefox中落后于其他卡

css、transform、css-transitions

我有两张卡片在屏幕上，当其中一张翻转，背面结束后面的另一张卡在Safari。Chrome的情况并非如此。而在Firefox中，它暂时落后于另一张卡，但随后弹出。任何帮助都将不胜感激！拖动卡片，然后单击黑条将其翻转。这是html..。

浏览 1提问于2013-03-28得票数 0

1回答

嵌套的翻转卡片和Apple Safari

html、css、ios、safari

我正在尝试为登录系统制作嵌套的翻转卡片--就Edge、Chrome、Opera和Firefox而言是成功的，但Safari…… 我知道Apple Safari支持旋转卡片的"hack“，所以我对所有的卡片应用了不幸的是，Safari仍然显示my Cards的旋转背面。有人能帮上忙吗？

浏览 1提问于2021-03-14得票数 0

1回答

在iOS Safari中不工作的转换和转换

css、safari、css-transitions、transform、mobile-safari

我研究并找到了CSS类来使div看起来像是用户单击时从前到后的翻转。非常简单:卡片的前面写着“点击我”，你点击它，卡片翻转并显示我在JS中定义的字符串数组中的消息。你一次又一次地点击，卡片又翻转到前面，再一次显示“点击我”。问题是，我刚刚了解到，虽然它在我的所有Windows浏览器和Android浏览器中都能正常工作，但它在iOS上的Safari中却不起作用。单击卡片正面后，翻转后，消息中的文本似乎随机显示backwards(??).

浏览 3提问于2019-11-26得票数 0

1回答

让引导卡在Safari中翻转

jquery、html、css、twitter-bootstrap、safari

我的引导卡有点问题，让它在Safari中翻转，在所有其他浏览器中都能正常工作，但是说到Safari，它似乎不想玩游戏。Here is my code: http://codepen.io/go6/pen/ONrBeR 正如你所看到的，它只是一张卡片，上面有两张满是内容的脸。翻转绝对好在铬等。

浏览 4提问于2016-05-05得票数 0

回答已采纳

1回答

如何在初始化箭头函数之前使用addEventlistenr调用箭头函数？

javascript、addeventlistener、arrow-functions

如果我使用箭头函数而不是普通函数翻转，并且在初始化箭头函数之前向其添加addeventlistiner，那么我就无法调用该函数。**Console.log(卡片)；cards.forEach(卡片) => card.addEventListener(“单击”，翻转)；var flip = ()=>{ console.log(“卡片翻转”)；} output ：在单击卡片时，它应该将输出作为“卡片翻转”，但它不

浏览 19提问于2022-09-03得票数 0

2回答

numpy.ma是否允许掩码数组中的子掩码数组？

python、arrays、numpy、pydev、mask

当像这样的卡片具有比常规卡片更复杂的组件时(翻转方面)，它在XML语言中编码为： <property name="MultiverseId" value="74093" /> </

浏览 1提问于2013-07-19得票数 0

回答已采纳

3回答

添加一个卡翻转动画到这个JS卡游戏？

javascript、css、animation、css-animations

我正在玩，我想添加一个卡翻转动画。playingCard.redrawCardImage()强制卡片重新绘制 // Bug in F

浏览 2提问于2014-05-20得票数 0

回答已采纳

4回答

Java内存游戏如何翻转个人卡？

java

当我点击个人卡时，我试图翻转它们。当我点击所有的卡片的时候，同时翻转。这是我的密码。任何帮助将不胜感激，并感谢您在此之前。

浏览 7提问于2013-11-04得票数 0

回答已采纳

1回答

角度:轻拍(半翻转)动画

angular、typescript、angular-animations

我的卡片有正面和背面的垂直翻转动画。400ms') transition('1 => 0', [ ]) ] 但我想要做的是动画一张卡片我的意思是，卡片不会完全翻转，而是半翻转，改变卡片上的内容，然后翻转回来，显示背面。当然，这意味着我的卡片将只有一个面，在那里我可以在内

浏览 14提问于2021-06-03得票数 0

回答已采纳

1回答

翻转动画在Chrome中运行正常，但在Safari中运行不正常

css、google-chrome、safari、css-transforms

我有以下小提琴：CSS的一部分(请参阅小提琴中的全部内容)：致以亲切的问候， ps。我不使用-webkit-前缀，因为它不应该再需要了

浏览 3提问于2015-10-22得票数 1

3回答

使用背面可见性‘翻转’盒子时背面可见性闪烁

css、safari、webkit、transform、css-transitions

我正在使用一个相当简单的CSS转换来创建一个通过同时转换两个div 180deg来“翻转”的盒子。当你在盒子的“背面”时，它应该是略微透明的，这样你就可以看到底部了。除了最新的Safari7和iOS 7之外，我在所有浏览器上都能很容易地实现这一点。在Safari7上，动画会闪烁，后面的卡片会“弹出”到动画的前面。这似乎是在较新的Safari上渲染动画时的一个错误。有没有办法让它表现得更好？请在此处查看演示

浏览 5提问于2013-12-05得票数 11

4回答

卡片在点击时翻转，仅使用关闭框关闭

javascript、jquery、css、flip

我已经设置了一个卡片翻转动画。点击一下，卡片就会翻过来。卡片的“背面”有一个“关闭框”。我希望只有当你点击背面的关闭框时，卡片才会翻转回来。目前，我使用jquery在div中添加了一个类，这会“翻转”卡片。编辑:我忘了提到，这个页面上有多个.card实例，这就是为什么我使用$this而不是直接引用.card的原因，因为它显然会一次翻转所有的牌。

浏览 35提问于2018-08-06得票数 3

回答已采纳

1回答