<style>
.box {
width: 100px;
height: 100px;
background-color: green;
margin: 20px;
}
.animate {
animation: move 2s ease forwards;
}
@keyframes move {
from { transform: translateX(0); }
to { transform: translateX(200px); }
}
</style>
</head>
<body>
<a href="#" onClick="window.history.go(-1);">Home</a>
<div class="box"></div>
<button onclick="startAnimation()">Avvia Animazione</button>
<script>
function startAnimation() {
document.querySelector('.box').classList.add('animate');
}
</script>