css - 转换在 iOS Safari 上不起作用 - 尝试了所有不同的后缀

Question

我已经阅读了有关此的多个线程，并且我确定我遗漏了一些非常明显的东西，但我就是看不到它。以下在其他浏览器（Google、Brave 等）上运行良好，但在 iOS 上没有转换/转换。我错过了什么？？

 .flexitem {
  display:flex;
  flex-direction:column;
  -webkit-transition: -webkit-transform 0.20s ease 0s;
  transition: transform 0.20s ease;
    width:100%;
    background-color: white;
    border-radius: 40px;
    box-shadow: 0 10px 40px rgba(0,0,0,25%);
    margin:2rem;
    height:70rem;
}

.flexitem:active {
  /* transform: scale(.98);
  transition: transform 0.20s ease; */
  -webkit-transform: scale(.95);
  -o-transform: scale(.95);
  -ms-transform: scale(.95);
  transform: scale(.95);
  box-shadow: 0 10px 40px rgba(0,0,0,25%);
}

标签： cssflexboxcss-transitions

Answer 1

该transition设置需要应用于元素的默认状态，而不是“待转换”状态（显然在您的情况下:active）。