Эффект наведения на продукт при загрузке страницы

Question

У меня есть некоторые проблемы на моем сайте с эффектом зависания.

Когда я загружаю коллекцию и затем очень быстро на продукт, парения эффект глюков, и если я иду на другой продукт он показывает эффект дважды (hover bug)

Когда я оставить мышь на продукт когда он загружается, он дает мне этот результат.

Вот мой код:

.hoverbuttons {display:none} 
.quickbutton {display:block} 

.hovereffect {margin-top: -38px; 
    display: inline-block; 
    position: relative; 
    left:0; 
    width: 100%; 
    background: rgba(255, 255, 255, 0.85);; 
    border-top: 0px solid {{settings.border_color}}; 
    transition: all .7s ease-in; 
    transition-property: all; 
    transition-duration: 0.3s; 
    transition-timing-function: ease-in; 
    transition-delay: initial; 

} 

.hoverthumb {box-shadow: 0 0 10px rgba(0,0,0,.15);} 

.thumbnail {height:295px} 

.formbkg{background-color:white;border:1px solid {{settings.productformborder}};padding: 10px;} 

.swatch .swatch-element { 
    background-color: white; 
} 

Answer 1

Не уверен, если это ваша проблема, но у вас есть двойной ;; в этой строке

background: rgba(255, 255, 255, 0.85);; 

Это предотвратит использование остальной части ваших переходов/стилей. В противном случае трудно понять, что происходит здесь без вашего HTML, но я бы попытался сыграть с вашими переходами и посмотреть, поможет ли это.