Антимация для изменения цвета границы div каждую секунду с помощью CSS ⇐ Html

[Anonymous]

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

Я не знаю, как это сделать, поможете? Это мой код.

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

/* Style the links inside the list items */
ul.topnav li a {
display: inline-block;
border-left: 3px solid;
border-left-color: #FF0000;
border-top-color: #F5FF00;
border-top-style: double;
border-bottom: 3px solid;
border-bottom-color: #FF0000;
border-right-style: double;
border-right-color: #F5FF00;
border-radius: 40px;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
transition: 0.3s;
font-size: 17px;
}

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

[list]
[*][url=home.html]Home[/url]
[*]
[url=project.html]Project[/url]

[url=project.html]Algemeen[/url]
[*][url=test.html]test[/url]
[*][url=test2.html]test2[/url]
[/list]

[*][url=contact.html]Contact[/url]
[*]
[url=javascript:void(0);]☰[/url]

Подробнее здесь: https://stackoverflow.com/questions/408 ... d-with-css