CSS

Programovacie jazyky, rady, poradňa...
pao247
Expert
Expert
Príspevky: 190
Registrovaný: 29 jún 2008, 15:36

CSS

Príspevok od používateľa pao247 »

Prosim vas ako viem urobit aby ked prejdem na ID Okno pekne sa mi to vysunie, ale ako viem urobit ked z neho odidem prec aby mi to tak isto sa pekne plynulo naspat zrolovalo a nie len bliklo. Dakujem

Kód: Vybrať všetko

<!DOCTYPE html>
<html>
<head>
<style>
#banner{
	width:200px;
	height:auto;
	}
#telo {
	width:200px;
	height:330px;
	}
#okno {
	width:186px;
	height:50px;
	background:url('kratke.jpg');
	-webkit-transition: height 2s;
    transition: height 2s;
	margin:auto;
	background-repeat:no-repeat;
	}
#okno:hover{
	height:180px;
	background:url('dlhe.jpg');
	}
</style>
</head>
<body>
<div id="banner">
<div id="telo">
<img src="body.jpg"/>
</div>
<div id="okno">
</div>
</div>
</body>
</html>

Michaelo
Hardcore addict
Hardcore addict
Používateľov profilový obrázok
Príspevky: 6177
Registrovaný: 16 júl 2008, 20:29
Bydlisko: Pri PC
Kontaktovať používateľa:

Re: CSS

Príspevok od používateľa Michaelo »

V css to nejde. Musis najprv spravit, nech pomaly zmizne (zmensi sa) a az tak zmenit pozadie na druhy obrazok.
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: CSS

Príspevok od používateľa weroro »

pao247: V akom prehliadači to skúšaš? V Opere sa to chová presne tak ako požaduješ.
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: CSS

Príspevok od používateľa sharky-no »

problem je v tom, ze animujes vysku, a menis pri tom background image...

pochopis to na tomto odkaze, hlavne pri tom odchode z druheho obrazka:
http://jsfiddle.net/m0h9kbam/1/
awtt
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1234
Registrovaný: 01 nov 2006, 19:37
Bydlisko: San Francisco
Kontaktovať používateľa:

Re: CSS

Príspevok od používateľa awtt »

Napísať odpoveď