I have a question about CSS animation.
I would like to add a rotating animation to the card with letters on both sides (
At this time, if you specify
backface-visibility: hidden on the back (
back characters will not appear well even if you rotate and face the table.
I think it's probably because it's not rendered at the time of initial drawing...
Double-click to display (because of character selection).
How do I specify to display it well?
Checked Chrome 76.0.3809.132 for this symptom.
Safari in iOS 12.4.1 could not confirm this symptom.
Based on what happens with the code, this is a bug that exists in Google Chrome and may be related to the following issues:
As mentioned in the above article, you can also draw missing parts by re-drawing them one by one..
Forcing a repair more aggressively (for example, by turning on Show Layer Boundaries in the console) does make the elements visible as approve.
Therefore, in this case, redrawing can be done by explicitly declaring the
z-index property or the
transform-style property (checked by Google Chrome 76.0.3809.132) .
© 2023 OneMinuteCode. All rights reserved.