Soju Tut

<style type="text/css">

#bloc
{position:fixed;
top:50px;
left:100px;}

.transition
{-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}

#picture
{width:250px;}

#picture:hover
{width:340px;}

#left
{float:left;
overflow:hidden;
width:125px;}

#right
{overflow:hidden;
width:125px;}

#about
{float:left;
width:0px;
height:0px;
opacity:0;}


#picture:hover #about
{width:125px;
padding:20px 10px 20px 10px;
opacity:1;}

#picture:hover #left
{margin-left:-65px;}

</style>


<body>

<div id="bloc">
<div id="picture" class="transition">
<div id="left" class="transition">
<img width="250px" src="SAME IMG URL HERE">
</div>
<div id="about" class="transition">Text part here.</div>
<div id="right" class="transition">
<img width="250px" style="margin-left:-125px;" src="SAME IMG URL HERE">
</div>
</div>
</div>

</body>