Я хочу создать анимированную рамку с помощью HTML и CSS. ⇐ Html

[Anonymous]

Я хочу создать анимированную границу для двух элементов: один, который отображает цвет на границе, и один, который отображает серого на границе. граница, однако, не все изображение. Таким образом, изображение все еще в полном цвете, однако граница господна гладко только в сероме. > Я использовал фильтр: Greyscale, однако я не знаю, есть ли способ применить это только к границе, или мне нужно изменить опор p>
Вот мой код: < /p>

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

@property --bg-angle {
inherits: false;
initial-value: 0deg;
syntax: "[url=#]
[img]https://placehold.co/1200x100/blue/white[/img]
[/url]

[url=#]
[img]https://placehold.co/1200x100/blue/white[/img]
[/url]
< /code>
< /div>
< /div>
< /p>
И вот моя ссылка на мой код:
https: //codepen.io/alexdjoelle/pen/azopwdo
 

Подробнее здесь: [url]https://stackoverflow.com/questions/79390788/i-want-to-create-an-animated-border-using-html-and-css[/url]