@IvanLu
Начинающий веб-разработчик

Как сделать чтоб бордер кнопки горел только несколько секунд?

Мне нужно чтоб на сайте у кнопки горел бордер раз в 4 секунды, как это рационально сделать ? Получилось сделать что желтый бордер появляется и горит постоянно

Вот код

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="container">
		<div class="scrollUp" id="scrollButton">
			<img src="https://static.thenounproject.com/png/486804-200.png">
			
		</div>
	</div>
		
	<script src="script.js"></script>
</body>
</html>


*{
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.container{
	height: 1900px;
	background-color: crimson;
	width: 70%;
	margin: 0 auto;
}
.scrollUp{
	margin-left: 60%;
	margin-top: 4%;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: #ffff;
	position: fixed;
}
.scrollUp img{
	align-items: center;
	width: 55px;
	height: 55px;
}


function yellow() {
	let buttonUp = document.getElementById('scrollButton').style.border = "3px solid yellow";
}

 setInterval(yellow, 3000);
  • Вопрос задан
  • 141 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы