Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  
  ul{list-style:none;}
  a{text-decoration:none;}
  body{background:#777;}
  
  
span.cash_warn{
    color: black;
    text-shadow: 0 0 0 #fff;
    -webkit-transition: color 2s ease-in-out;
    transition: color 12s ease-in-out;
    -o-transition: color 2s ease-in-out;
    -ms-transition: color 2s ease-in-out;
    transition: color 2s ease-in-out;
}
span.go_animate{
    color: white;
}
  
</style>
</head>
<body>
  
  
<div class=" friends-shadow detailreward3 detailreward"  style="position:absolute;
 height:71px;  width:238px; left: 453px; top: 40px; padding:20px; z-index:99; font:
 bold 11px Helvetica, Arial, sans-serif;">
<span class="cash_warn">
text
</span>
<br /> <br />
 more text
</div>
  
  
  
</body>
</html>
 
var textInt = setTimeout (function(){
  $('span.cash_warn').addClass('go_animate');
},100);
textInt();
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers