x
<html><head><style> #myDIV { width: 300px; height: 200px; background-color: lightgreen; border-block-end-style: solid; border-block-width: 10px; animation: mymove 5s infinite;}@keyframes mymove { 50% {border-block-end-color: pink;}}</style></head><body><h1>Animation of border-block-end-color</h1><p>Gradually change the border-block-end-color property from black to pink, then back:<p><div id="myDIV"></div></body></html>