Admin Widget

----------------------- CSS -----------------------

#staff a  {
  width: 60px;
  line-height: 100%;
  background: #000;
  display: inline-block;
  font-size: 10px;
  font-family: calibri;
  color: #eee;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  margin:1px;
}

#staff {
  width: 160px;
  height: 80px;
  overflow: hidden;
  position: relative;
  border: 5px solid #000;
  margin-bottom: 10px;
}
#staff .efect2 {
  position: absolute;
  width: 160px;
  height: 80px;
  transition:1.5s;
  overflow: hidden;
}

#staff:hover .efect2 {
  width: 0px;
  height: 0px;
  transition:1.5s;
}

----------------------- HTML ----------------------

<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dancing+Script:400,700" />
<center>

	<div id="staff">

		<div class="efect2">

			<div style="width: 160px; height: 80px; background:url(http://i.imgur.com/Eul4kf9.jpg);">

			</div>

		</div>

		<div style="width: 160px; height: 80px; background:#D1D1D1;">

			<div style="font-family: Dancing Script; font-size: 20px; text-align: center; padding-top: 10px; line-height: 100%; color: #000; font-weight: bold; padding-bottom: 10px;">
				            Nombre Apellido
			</div><a href="">Enviar MP</a><a href="">Ver perfil</a>
		</div>

	</div>
	<div id="staff">

		<div class="efect2">

			<div style="width: 160px; height: 80px; background:url(http://i.imgur.com/Eul4kf9.jpg);">

			</div>

		</div>

		<div style="width: 160px; height: 80px; background:#D1D1D1;">

			<div style="font-family: Dancing Script; font-size: 20px; text-align: center; padding-top: 10px; line-height: 100%; color: #000; font-weight: bold; padding-bottom: 10px;">
				            Nombre Apellido
			</div><a href="">Enviar MP</a><a href="">Ver perfil</a>
		</div>

	</div>
</center>