CSS写border动画是Web开发中很常见的一个技巧。下面我们来看一下如何使用CSS实现一个简单的border动画效果。

border:2px solid black; /* 设置初始边框样式 */
transition:border-color 0.5s; /* 设置过渡效果 */

以上是我们的初始CSS代码，其中border属性设置了初始边框样式，transition属性则用来设置CSS过渡效果，这里我们设置过渡效果仅仅是边框颜色的变化，过渡时间为0.5秒。

:hover{
border-color:red; /* 当鼠标移动到元素上时，边框颜色变为红色 */
}

我们将上面的代码定义在:hover伪类中，表示当鼠标移动到该元素上时，边框颜色会从原来的颜色过渡变为红色。

使用CSS写border动画可以使页面元素更有动态感，增加用户的交互体验，同时也是CSS的一种基础应用。