【CSS3】好玩的动画线框_html/css_WEB-ITnose

Html代码

1. 动画选框

Css代码

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

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