*{margin:0; padding:0}
body{background:#111}

.home-shares{
  width:1024px;
  height:300px;
  background: url(http://cdn.jsets.com/2/slide1-1080x300.jpg);
  overflow:hidden;
}

.shares-text{
  margin-top:15px;
  margin-left:100%;
  font-size:18px;
  border-bottom: 40px solid #339900;
  border-left: 40px solid transparent;
  border-right: 0;
  position:relative;
  float:right;
  right:0px;
  transition:0.2s;
}
.shares-text:hover{
  border-bottom-color:#5BAD33;
  transition:0.2s;
}
.shares-text .trap{
  position:absolute;
  top: 9px;
  margin-left:10px;
  color: #fcfcfc;
}

#share-1{width:670px; -webkit-animation: flapping 1300ms 1 linear;}
#share-2{width:720px; -webkit-animation: flapping 1200ms 1 linear;}
#share-3{width:770px; -webkit-animation: flapping 1100ms 1 linear;}
#share-4{width:820px; -webkit-animation: flapping 1000ms 1 linear;}

#share-1:hover{width:685px;}
#share-2:hover{width:735px;}
#share-3:hover{width:785px;}
#share-4:hover{width:835px;}

/* animation */
@-webkit-keyframes flapping {
  0% {right:-845px;}
  100% {right:0px;}
}

.support-text {
  
  -moz-animation: flapping 500ms 1 linear;
}