while writing transition animation, I inadvertently found that sometimes the page would jam, and the Chrome memory of the viewing task manager suddenly soared. After various exclusions, I found that transform:skew (90deg) was set; , as long as the relevant transition animation elements were moved in and out several times in a row, the page would jam. What is the cause of this, or is it just a bug
< H1 > the simplified code is as follows < / H1 >
<title>Document</title>
<style>
div {
width: 500px;
height: 500px;
background: -sharpaaa;
}
div p {
transition: all 0.35s;
transform:skew(0deg);
}
div:hover p {
transform:skew(90deg);
}
</style>
</head>
<body>
<div>
Debug
</div>
</body>
</html>
< H1 > stable recurrence method and other < / H1 >
the phenomenon that jam memory soars when moving in and out continuously
has been tested many times only transform:skew (90deg); attribute, only Chrome has this problem when the degree is 90 degrees.
add: Chrome version is 63.0.3239.132 (official version) (64-bit)