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

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

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»