animation op andere divisie gebruiken

Status
Niet open voor verdere reacties.
ido435

ido435

Gebruiker
Lid geworden
10 nov 2010
Berichten
674
hallo allen

ik ben bezig met mijn website te updaten naar html5 en css3. maar nu kom ik met een probleem te zitten en dit is al volgt:
als de gebruiker drukt op een plaatje moet er onder het plaatje een divisie verschijnen met een animatie als volgt

[SQL]@-webkit-keyframes showvid1{
0% {width:0%; height:0em}
100% {width:50%; height:30em}
}[/SQL]
hoe kan ik dit doen?
het plaatje staat niet in dezelfde div

mvg ido
 
Ik kan niet precies zeggen of het werkt, omdat ik een gemiddeld niveau van html en css heb en nog niet met animaties heb gewerkt.

Wat ik zou doen is:
in CSS een img{} en img:hover{} maken. En als je over de img hovert, dat dat de animatie van margin-2000xp naar margin0px gaat zodat hij op de pagina komt, en de display veranderd

VB:
img*{
float:left;
margin-left: -2000px;
}

img*:hover{
margin-left: 0px;
display: inline;
}



*IMG of de naam v/d DIV gebruiken
 
Kun je hier iets mee?
Code: 
div {
	/* chrome, safari, opera */
	-webkit-animation: showvid1 5s;
	/* standard syntax */
	animation: showvid1 5s;
}

/* chrome, safari, opera */
@-webkit-keyframes showvid1 {
	from {
		width: 0%;
		height: 0em;
	}
	to {
		width: 50%;
		height: 30em;
	}
}

/* standard syntax */
@keyframes myfirst {
	from {
		width: 0%;
		height: 0em;
	}
	to {
		width: 50%;
		height: 30em;
	}
}
Suc6. Have fun.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan