Я работаю над каталогом, который использует атрибут css -transform для масштабирования каждого "swatch" при зависании.
Здесь моя проблема: в некоторых браузерах и на определенных сайтах, когда вы наводите курсор на образцы, это заставляет страницу "моргать" как ваш бросок над ними. Я тоже не могу пригвоздить проблему, на одном сайте это может быть уникальным для Safari, с другой - это может произойти только в Chrome, а на другом - отлично.
Пожелаю, чтобы у меня было больше информации, но, возможно, кто-то другой столкнулся с подобной проблемой.
.swatch {
-webkit-box-shadow: #EFEFEF 2px 2px 0px;
-webkit-transform: scale(1);
-webkit-transition-duration: 0.2s;
border: 1px solid white;
position: relative;
z-index: 1;
.swatch:hover {
position:relative;
z-index:10;
transition-duration: 0.2s;
transform:scale(1.8);
-webkit-transition-duration: 0.2s;
-webkit-transform:scale(1.8);
}
Также кажется, что проблема устранена при удалении любых атрибутов z-index, но затем образец зависания находится за другими образцами; который не работает для этого проекта.
Любые мысли оцениваются.