Montage tag 5

Survolez le montage.

Code:
<div id="aa">
<p id="ab">&nbsp;</p>
<p id="ac">&nbsp;</p>
</div>
<style type="text/css"><!--
#aa{ position:relative; width:800px; height:600px; border-radius:50%; border:6px double white;}
#ab{ transition:all 2s linear; position:absolute; z-index:5; width:800px; height:600px; border-radius:50%; box-shadow: inset 8px 8px 20px 5px white, inset -8px -8px 20px 5px black; background:url('http://ekladata.com/mMDjuhAJYrtk6gnMb8a7EAYBcVI/6511h.gif'); opacity:1;}
#ac{ position:absolute; z-index:1; width:800px; height:600px; border-radius:50%; box-shadow: inset 8px 8px 20px 5px white, inset -8px -8px 20px 5px black; background:url('http://ekladata.com/swj4lI_rQnIhLyhmDqlPuE6rdXU/6511.jpg');}
#ab:hover{opacity:0;}
--></style>
...
...