Кнопка мерцает после исчезновения

Question

Хорошо задокументированный вопрос по inte rnet, но мне кажется, что я могу найти решение, которое работает, и думаю, что я могу поместить код в неправильное место!

На сафари, когда кнопка или другой элемент исчезает, как только он исчезает, затем кратковременно мигает / мигает белым - почти как он очень быстро обновляется.

Я видел несколько предложений онлайн для использования

-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 1000;

или подобное, однако, не повезло. Я использую Divi Theme с Wordpress и надеялся, что кто-нибудь сможет дать подсказки о том, как решить эту проблему? Может быть, я просто помещаю код в неправильную область!

Заранее спасибо!

Answer 1

Вы можете попробовать поиграть с непрозрачностью кнопки вместо видимости, подобной этой

button{
width:300px;
height:100px;
animation: 2s linear;
animation-name:bring-in;
}
@keyframes bring-in{
0%{opacity:0;}
100%{opacity:1;}
}

<button><h2>I am groot</h2></button>