Animované vyjetí boxu z pravého kraje obrázku – CSS – Fórum – Programujte.com

Dobrý den,
přepisuji:

http://deluxethe.tumblr.com/

Proveďte hover na obrázek - to je cíl. A mám za to, že by mi stačilo CSS. Jak to udělat, to si rád budu zkoušet sám - řeším však jak udělat postupné skrývání. Tedy jak udělat to přetečení, které zakryje postupně jen část z celého elementu?
Děkuji.

Vyřešeno:

#container
{
    -webkit-transition: left 0.2s linear;
    -moz-transition: left 0.2s linear;
    transition: left 0.2s linear;
	position: absolute;
	padding-left: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#container:hover { left: -135px }

aside
{
	background: url('transparent.png') repeat scroll 0 0 transparent;
	box-shadow: 0px 0px 100px #000 inset;
	text-align: center;
	padding-top: 45%;
	width: 135px;
	height: 100%;
}

Aside je v tom containeru - takže container vystrnadí aside paddingem a do scény ho vrátí mínusovou left pozicí. Proto se ptám - pojede to všude? Anebo mám raději dát na aside:hover pevnou pozici? Tedy i když je takto aside vystrnaděn, bude se všude počítat container:hover? Protože takto vlastně není součástí mateřského elementu...