Javascript 旋转虚线边框js

所以我想创建一个旋转的虚线边框（在hover/onmouseover上），但是我的div的高度和宽度不一样，所以这排除了一些解决方案。另外，我正在使用JavaScript，因为我希望另一个div也更改其边框的颜色。这是我目前的代码：

let borderSlika1=document.getElementById（“levi”）；
让borderSlika2=document.getElementById（“desni”）；
函数borderL（）{
borderSlika1.style.border=“3px虚线#00FF20”；
borderSlika1.style.borderRadius=“50px”；
borderSlika2.style.border=“3px虚线#FF6A17”；
borderSlika2.style.borderRadius=“50px”；
}
函数边界导爆管（）{
borderSlika1.style.border=“3px虚线透明”；
borderSlika2.style.border=“3px虚线透明”；
}
函数边界（）{
borderSlika2.style.border=“3px虚线#00FF20”；
borderSlika2.style.borderRadius=“50px”；
borderSlika1.style.border=“3px虚线#FF6A17”；
borderSlika1.style.borderRadius=“50px”；
}
函数borderNoneD（）{
borderSlika1.style.border=“3px虚线透明”；
borderSlika2.style.border=“3px虚线透明”；
}

这是否回答了您的问题？这将不起作用，因为我使用“vh”作为div的高度，所以高度总是在变化（取决于用户的屏幕高度），还是会变化？我不熟悉这种款式。