【CSS3】好玩的动画线框

1. <divclass="box">动画选框</div>

1. .box{
2. width:300px;
3. height:100px;
4. border:1pxdotted#fff;
5. border-image:url(data:image/gif;base64,R0lGODlhCAAIAJEAAP////8A/wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgABACwAAAAACAAIAAACDwwuGckJzR4UaEp423InFAAh+QQFCgABACwAAAAACAAIAAACD4wEGcuMvR6cC4hpaU0nFAAh+QQJCgABACwAAAAACAAIAAACEAwiYhvd56KKaErqYDwnrQIAOw==)1repeat;
6. }

示例：http://codepen.io/puterjam/pen/gGLBj