Как сделать так, чтобы стрелка вверх плавно исчезала, как только она касается изображения целевой страницы? ⇐ CSS

[Anonymous]

У меня есть стрелки, которые перенаправляют меня на целевую страницу, когда я нажимаю на нее. Я хочу, чтобы он плавно исчез, как только коснулся изображения целевой страницы. Я хочу использовать CSS.
Это исходный код:

Код: Выделить всё

[url=#header]
[i][/i]
[/url]


/* To style a button that helps to scroll up */
@keyframes mymove{
100%{transform: translate(0px, -10px);

}
}
#button {
position: fixed;
right: 2%;
bottom: 2%;
height: 60px;
width: 60px;
color: #10cab7;
font-size: 35px;
animation: mymove 2s infinite;
z-index: 1;
background-color: #2d2c2d;
text-align: center;
padding-top: 12px ;
border-radius: 50%;
}
#button:hover{
cursor: pointer;
color: #38f8e5;
transition: all 0.3s;
}

Подробнее здесь: https://stackoverflow.com/questions/692 ... -pages-pic