<!--HTML-->
<style>
.nanashipper8 { width: 100px; padding: 4px; position: absolute; bottom: 17px; right: 20px; background-color: #efefef; border: 1px solid #8B8378; font: normal 400 8px/8px 'raleway'; text-transform: uppercase; color: #999; }
  
  .nanashipper9 { width: 400px; height: 275px; position: relative; overflow: hidden; }
  
  .nanashipper10 { width: 400px; height: 275px; background-color: rgba(255,255,255,.4); position: absolute; bottom: -275px; right: 0px; transition: all 1.6s ease-in-out; -moz-transition: all 1.6s ease-in-out; -webkit-transition: all 1.6s ease-in-out; }
  
  .nanashipper9:hover .nanashipper10 { bottom: 0px; }
  
  .nanashipper11 { width: 350px; height: 225px; background-color: #f9f9f9; border: 1px solid #eee; position: absolute; top: 25px; left: 25px; }
  
  .nanashipper12 { width: 330px; height: 210px; overflow: auto; position: absolute; left: 10px; top: 10px; padding-right: 2px; font: normal 400 12px/13px 'raleway'; color: #666; text-align: justify; }
  
  .nanashipper12 b { color: #8B8970; font-size: 12px; }
  
  .nanashipper12 i { color: #8B8386; }
  
  .nanashipper12::-webkit-scrollbar { width:2px; height:2px; }
  .nanashipper12::-webkit-scrollbar-track { background-color: #ccc; }
  .nanashipper12::-webkit-scrollbar-thumb { background-color: #999999; }
  
  .nanashipper13 { width: 0px; height: 0px; border-top: 50px solid transparent; border-right: 480px solid #fff; border-bottom: 0px solid transparent; position: absolute; bottom: 0px; right: 0px; transition: all 1.6s ease-in-out; -moz-transition: all 1.6s ease-in-out; -webkit-transition: all 1.6s ease-in-out; }
  
  .nanashipper9:hover .nanashipper13 { bottom: 275px; }
  
  .nanashipper14 { width: 0px; height: 0px; border-top: 0px solid transparent; border-left: 480px solid #fff; border-bottom: 20px solid transparent; position: absolute; top: 0px; right: 0px; transition: all 1.9s ease-in-out; -moz-transition: all 1.9s ease-in-out; -webkit-transition: all 1.9s ease-in-out; }
  
  .nanashipper9:hover .nanashipper14 { border-bottom: 0px solid transparent; }
<style>

 <div class="nanashipper8">
        
        <b>единая цель</b>
        
      </div>
      
    </div>
    
    <div class="nanashipper9">
      
      <img src="http://s019.radikal.ru/i622/1702/8e/c5fd7f0687a8.png">
      
      <div class="nanashipper14"></div>
      
      <div class="nanashipper13"></div>
      
      <div class="nanashipper10">
        
        <div class="nanashipper11">
          
          <div class="nanashipper12">
            
            ✲ Где-то на морских путях, между
   </div>
          
        </div>
        
      </div>
      
    </div>
    
  </div>
  
 </div>