finxol.io
Personal site
staging.colinozanne.co.uk
portfolio
astro
fix: resumable hover animation
+3
-1
src/components/customise.astro
+3
-1
src/components/customise.astro
···
276
276
var(--rose-600)
277
277
);
278
278
--angle: 0deg;
279
+
animation: rotate 1.5s linear infinite;
280
+
animation-play-state: paused;
279
281
280
282
@media screen and (max-width: 768px) {
281
283
flex-direction: row;
282
284
}
283
285
284
286
&:hover {
285
-
animation: rotate 2s linear infinite;
287
+
animation-play-state: running;
286
288
}
287
289
}
288
290