css特效——Photoshop选区（动感的虚线选框，支持不规则的选框）

<template>
    <div style="padding: 20px">
        <div class="selection box">
            <div class="contentBox"></div>
        </div>
        <img class="selection" src="https://ucc.alicdn.com/images/user-upload-01/img_convert/1c71589b514c81fc942cacaf0ad0cb96.png"
             width="500" height="140">
    </div>
</template>
<style scoped>
    .selection {
        background-image: url(http://www.zhangxinxu.com/study/image/selection.gif);
    }
 
    .box {
        width: 200px;
        height: 100px;
        overflow: hidden;
 
    }
 
    .contentBox {
        margin: 1px;
        height: 98px;
        background: #14b678;
    }
</style>