《前提》
希望全部都在 css 里面解决
这样我在 html 里面只要套用一个 class 就可以重复运用
《目标》
要做一些 border animation
不过 border 有四个边
pseudo elements 我所知只有 :before, :after 两个
请问有办法设定四个吗
范例如下
http://codepen.io/anon/pen/PZZQog
(范例里面只有上下边，但我想多做左右边）

就只有两个,最接近你要的可行性解法是,把svg放进pseudo的content,然后改变stroke-dashoffset去做动画跟做svg动画是一样的,只是svg跟一般dom的选取起来操作有点不太一样就是了,其实一个div做出很多样的图型,除了pseudo元素之外, 很多都是用box-shadow去模拟出来的当然可以啊,如果你观念有通的话,parallax原理你有办法手刻的话,说真的,你要画面酷炫,又要简单办到,没这回事很多动画都是苦工时间累积出来的...