Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » CSS3 Anmácia - hover

CSS3 Anmácia - hover

Stránka: 1 z 1

[ Príspevkov: 5 ]

Autor

Správa

Ando

Užívateľ

Registrovaný: 27.11.10
Prihlásený: 20.08.13
Príspevky: 112
Témy: 18 | 18

Napísal

Ando: 09.01.2011 12:27 | CSS3 Anmácia - hover

Zdravim

S CSS3 zatial prilis nerobim a potreboval by som pomoct. Mam cca takyto kod.

Kód:

#header .menu li a {
   display: block;
   height: 40px;
   padding-top: 20px;
   background-image: url(header_menu_ciara.png);
}
#header .menu li a:hover {
   display: block;
   height: 40px;
   padding-top: 20px;
   background-image: url(header_menu_hover.png);
}

Vsetko funguje tak ako ma ale chcel by som to vylepsit. Neviem ako mam spravit aby sa ten hover zobrazil postupne. Napriklad pocas dvoch sekund. s jQuery to viem ale chcem pouzit CSS3. Mate niekto s tym skusenosti ?

Ďuri

Čestný člen

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno

Napísal

Ďuri: 09.01.2011 12:30 | CSS3 Anmácia - hover

Zaujimal by ma dovod, preco sa snazis nasilu pouzivat technologiu, ktora je experimentalna, zapisuje sa komplikovane cez vendor prefixy, a co je najpodstatnejsie, nefunguje vo velkej casti dnes pouzivanych prehliadacov.
Inak ale na to budu sluzit tusim CSS3 Transitions.

Ando

Užívateľ

Registrovaný: 27.11.10
Prihlásený: 20.08.13
Príspevky: 112
Témy: 18 | 18

Napísal autor témy Offline

Ando: 09.01.2011 12:34 | CSS3 Anmácia - hover

Ano pouziva sa na to CSS3 Transitions. Ale neviem ako to mam presne pouzit. Hladal som rozne tutorialy navody atd ale nikde nebola zmena pozadia. Preto sa pytam vas.

Ďuri

Čestný člen

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno

Napísal

Ďuri: 09.01.2011 12:39 | CSS3 Anmácia - hover

Jedno demo je napriklad tu: http://www.mightymeta.co.uk/demos/fadin ... und-image/ Z toho to vycitas. Ale zopakujem, vhodne na odskusanie, prip. naucenie syntaxe, ale nikam by som to urcite nenasadzoval.

Ando

Užívateľ

Registrovaný: 27.11.10
Prihlásený: 20.08.13
Príspevky: 112
Témy: 18 | 18

Napísal autor témy Offline

Ando: 09.01.2011 13:07 | CSS3 Anmácia - hover

To som hladal. Diki za pomoc

Stránka: 1 z 1

[ Príspevkov: 5 ]

CSS3 Anmácia - hover

Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » CSS3 Anmácia - hover

Témy		Odpovede	Zobrazenia	Posledný príspevok
Podobné témy
	CSS3 v HTML, XHTML, XML, CSS	4	674	28.03.2009 20:45 dedko45
	CSS3 v HTML, XHTML, XML, CSS	6	551	21.04.2012 11:25 krkman
	CSS3 - transition v HTML, XHTML, XML, CSS	2	367	12.05.2013 19:15 17mark
	Submenu css3 v HTML, XHTML, XML, CSS	1	295	29.05.2015 19:41 hatto13
	pure css3 menu v HTML, XHTML, XML, CSS	2	321	05.01.2014 21:15 chodnik
	CSS3 dropdown menu v HTML, XHTML, XML, CSS	3	404	27.11.2012 22:04 DeiForm
	CSS3 font-smooth v HTML, XHTML, XML, CSS	6	684	29.07.2010 19:14 DARSON
	Centrovanie do stredu v HTML5, CSS3 v HTML, XHTML, XML, CSS	4	1219	13.05.2010 11:29 Ďuri
	hover v HTML, XHTML, XML, CSS	9	791	08.08.2008 15:13 exoomer
	hover menu v HTML, XHTML, XML, CSS	0	455	19.05.2010 20:38 camo
	hover menu v HTML, XHTML, XML, CSS	0	577	22.09.2011 16:01 camo
	hover efekt v HTML, XHTML, XML, CSS	1	711	08.08.2011 9:54 goodfridays
	Obrázkové hover v HTML, XHTML, XML, CSS	8	548	12.03.2010 14:26 Denco1
	Menu hover v HTML, XHTML, XML, CSS	29	740	28.03.2013 22:06 pecado
	css a:hover v HTML, XHTML, XML, CSS	5	1530	09.10.2008 23:52 suchy
	mouse hover galeria v HTML, XHTML, XML, CSS	17	523	28.04.2014 16:48 Lessik

Podobné témy