[英]Chrome doesn't properly recognize the back side.(HTML, CSS, backface-visibility: hidden)
Chrome doesn't properly recognize the back side. Chrome 无法正确识别背面。
I want to make front-face ==> digital clock / back-face ==> weather.我想制作正面 ==> 数字时钟/背面 ==> 天气。
This is my website .这是我的网站。
On mobile Chrome, Safari ==> work.在移动 Chrome 上,Safari ==> 工作。
PC Chrome and Edge ==> doesn't work. PC Chrome 和 Edge ==> 不起作用。
How to I fix it?我该如何解决?
-----------------here is my summarized code---------- -----------------这是我总结的代码----------
<div class=front/>
<div class=back/>
.front, .back{ position: absolute; backface-visibility: hidden; }
.back{ transform: rotateY(180deg); }
Try with these CSS properties...尝试使用这些 CSS 属性...
.ClockStyle {
backface-visibility: visible;
}
.ClockTrans {
transform-style: flat;
transform-origin: 50% 50%;
transform: rotateY(180deg);
transition: all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}
NB: Or whatever transition you prefer.注意:或者你喜欢的任何过渡。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.