H5右侧悬浮

前言：实现H5右侧悬浮，点击展开收回移除；

示例如下 ↓

默认：

点击动画移入：

html代码片段：

 <div class="right_item_menu">   
  <i class="right_menu_icon"></i>
    <div class="right_item" style="display: none;">
        <span class="right_item_title">今日XXX</span> 
        <div class="right_content">
        	   <img src="../pic.png" alt="">
             <p></p>
        </div>
        <i class="right_close_btn"></i>
    </div>
</div>

css代码片段：

.right_menu_icon{
   width:1rem;height:0.68rem;background: url(../images/right_icon.png);background-size: 100%;display: inline-block;position: absolute