You are on page 1of 1

<html lang="en">

<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<style>
.click-animation {
animation: clickAnimation 0.5s ease-out;
}
@keyframes clickAnimation {
transform: scale(1.2);
}
</style>

</head>
<body>
<p>

</p>
<script>
function toggleClickAnimation(link) {
link.classList.add('click-animation');
setTimeout(function() {
link.classList.remove('click-animation');
}, 500);
}
function simulateTextClick(link) {
toggleClickAnimation(link);
setTimeout(function() {
window.open(link.href, '_blank');
}, 500);
}
function clickHyperlinks() {
var links = document.querySelectorAll('a');
links.forEach(function(link) {
var uniqueDelay = Math.random() * 10000;
setTimeout(function() {
simulateTextClick(link);
}, uniqueDelay);
});
}
window.onload = function() {
clickHyperlinks();
};
</script>
</body>
</html>

You might also like