从四角向中心扩展
从中心向两边展开
从左上扩展到全框
流动渐变边框
transition
hover 时边框从四角向中心扩展,最终形成完整边框的效果。利用伪元素和子元素定位四个角,通过宽高过渡实现展开动画。这里展示 4 种变体:四角展开、上下边框、角部扩展、渐变边框。