dee3000,
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div{
-webkit-transition: all 10s ease-in-out;
-moz-transition: all 10s ease-in-out;
-o-transition: all 10s ease-in-out;
transition: all 10s ease-in-out;
background-color: #FF00FF;
}
</style>
</head>
<body>
<div id="block" style="opacity: 0; width: 400px; height: 40px; border: 1px solid black;">123</div>
<textarea style="width: 300px heihgt: 200px;" onfocus="focus1();" onblur="blur1();"></textarea>
<script type="text/javascript">
var block = document.getElementById('block');
function focus1()
{
block.style.opacity = '1';
}
function blur1()
{
block.style.opacity = '0';
}
</script>
</body>
</html>