Remote Link css3

by muthu 2013-12-16 12:06:42

Remote Link css3

-------------------------------------------- DEMO --------------------------------------------
remote.jpg
-------------------------------------------- HTML5 -------------------------------------------
html.jpg
-------------------------------------------- CSS3 --------------------------------------------

* { margin:0; padding:0; }
body { font:12px Arial, Helvetica, sans-serif; }
#page-wrap { width:600px; margin:10px; background:#eee; padding:10px; }
.remote { position:relative; }
a { text-decoration:none; color:#222; display:block;
margin:0 0 0 270px; outline:none; padding:5px; }
a img { border:2px solid #aaa; }
a:hover { background:#fff; }
a .name { font:bold 14px Georgia, Serif; }
a:hover .name { color:#900; font-weight:bold; }
a:hover img { border:5px solid #ff0; margin:-4px; }
a .photo { display:block; position:absolute; width:125px; height:125px; }
#muthu .photo { top:0; left:0; }
#muthu1 .photo { top:0; left:134px; }
#muthu2 .photo { top:134px; left:0; }
#muthu3 .photo { top:134px; left:134px; }
481
like
0
dislike
0
mail
flag

You must LOGIN to add comments