puterjam · January 22, 2014 12:28 · Jan 22, 2014
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<div class="box">动画选框</div>
diff --git a/style.css b/style.css
@@ -0,0 +1,6 @@
+.box{
+  width:300px;
+  height:100px;
+  border:1px solid transparent;
+  border-image:url(data:image/gif;base64,R0lGODlhCAAIAJEAAP///wAAAP4BAgAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACAAIAAACDQweqWuc4Ax0k9UoYQEAIfkEBQoAAgAsAAAAAAgACAAAAg2MgaYbwPcSc/EtREMBACH5BAUKAAIALAAAAAAIAAgAAAINDIJwh60No5zxVcNMKAA7) 1 round;
+}
diff --git a/动画虚线框.markdown b/动画虚线框.markdown
@@ -0,0 +1,7 @@
+动画虚线框
+-----
+通过gif动画实现的动画选框
+
+A [Pen](http://codepen.io/puterjam/pen/gGLBj) by [puterjam](http://codepen.io/puterjam) on [CodePen](http://codepen.io/).
+
+[License](http://codepen.io/puterjam/pen/gGLBj/license).