При трансформации элемента hover(+событие click) то срабатывает, то нет.
Этот пример работает при перезагрузке страницы или переходе на нее по ссылке.
В jsfiddle не отловить.
Вот пример данного кода:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#test{
position: fixed;
top:0px;
left: 40%;
height: 150px;
width: 500px;
background-color: red;
-webkit-transform: translate3d(0,0,0);
transition: transform .4s ease-out;
}
#test:hover{
background: green;
}
</style>
</head>
<body>
<div id="test"></div>
<script>
window.onload = function(){
document.getElementById('test').style.webkitTransform = "translate3d(0px, 250px, 0px)";
}
</script>
</body>
</html>
В модальных окна, которые как-то круто появляются трансформом та же история.
Chrome все-таки самый популярный браузер. Хотелось бы хоть как-то пофиксить...
P.S. Bag report писать не умею :)
Простой