悬停效果的Css div - 顺时针加载圆形边框

Question

我想知道是否有人知道如何制作许多网站正在使用的效果 - 在鼠标悬停时，效果看起来像div周围的边框顺时针加载。我希望你能理解。

目标：当用户将光标放在某个div / img上时，边框（例如圆圈，2px，实体）应该从右到左加载，就像动画一样。

这里是jsfiddle。

在我的示例中，没有加载转换（动画）。它只是由下一个css代码提供的简单悬停效果：

.myborder {
    width:100px;
    height:100px;
    background:lightgreen;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;

}
.myborder:hover {
    border-radius:50%;
    border: 2px solid darkblue;
} 

有什么想法吗？