CSS Hand Animation hot selling small icon

HTML tags

    <div class="main">      <div class="small">        <div class="big-area">          <span>热销</span>        </div>        <div class="small-l">        </div>        <div class="small-r">        </div>      </div>    </div>

CSS Code

      HTML, body {margin:0;      padding:0;        }. main {width:200px;        height:200px;        margin:0 Auto;      border: #000 1px solid;        }. Small {height:60px;        width:40px;        margin:0 Auto;      Overflow:hidden;        }. big-area {width:40px;        height:40px;        line-height:40px;        Background: #000;        Color: #fff;      Text-align:center;        }. small-l {width:0px;        height:0px;        margin:0 Auto;        Border-top: #000 10px solid;        Border-bottom:transparent 10px solid;        Border-left:transparent 10px solid;        Border-right: #000 10px solid;        Display:inline-block;      Float:right;        }. small-r {width:0px;        height:0px;        margin:0 Auto;        Border-top: #000 10px solid;        Border-bottom:transparent 10px solid;        Border-left: #000 10px solid;      Border-right:transparent 10px solid;  Display:inline-block;      Float:right; }

CSS Hand Animation hot selling small icon