ios+透明度+css,iOS CSS不透明度+可见性转换

小智..

8

只有转型的不透明性很糟糕.

从那以后你需要点击以便集中一个元素,这就是我解决问题的方法:

.mydiv {

visibility:hidden;

opacity: 0;

transition: all 1s ease-out;

-webkit-transition: all 1s ease-out;

-moz-transition: all 1s ease-out;

-o-transition: all 1s ease-out;

}

.mydiv:hover {

visibility:visible;

opacity: 1;

}

.mydiv:active {

-webkit-transition: opacity 1s ease-out;

}

我已将不透明度转换添加到:active.

这样,它适用于Chrome,Firefox和iPhone上的所有过渡动画(考虑您要将动画应用于高度或其他内容)(点击).

感谢Grezzo和Michael Martin-Smucker发现了不透明度的转变.

可以通过为可见性转换指定零持续时间(+正确延迟)来修复错误(影响iOS≤7):state1 =`opacity:1; 能见度:可见; 过渡:不透明度1s,可见性0s;`和state2 =`不透明度:0; 能见度:隐藏; 过渡:不透明度1s,能见度0s 1s;` (2认同)