Ilyet hogyan lehet HTMLben?
Figyelt kérdés
Az érdekelne h hogyan lehet csinálni azt HTMLben mint ezen a weblapon [link] hogyha ráviszem egy bútorra az egeret, kiugrik.2014. jan. 8. 17:39
2/6 A kérdező kommentje:
én html és cssre gondoltam és nem a képnézésre hanem h a termék emelődjön ki mint a linken lent a termékeknél
2014. jan. 8. 18:33
4/6 anonim ![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
válasza:
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
CSS3-al is megoldható.
Lényeg az overflow, transition, box-shadow.
5/6 Drone007 ![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
válasza:
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz1.png)
A linkelt oldalon ajax-szal csinálják, bár elképzelésem nincs miért ilyen bonyolultan oldották meg, ráadásul még ronda is :)
Ahogy az előző írta egy egyszerű css3 transition effecttel is megoldható, sőt még szebben is:
Csak figyelj a böngészők közti különbségekre, ill. IE8 és alatta nemigen fog működni.
6/6 anonim ![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz0.png)
válasza:
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
Példának okáért úgy, ahogyan azon az oldalon csinálták.
Pusztán HTML-ben nem oldható meg, hiszen a HTML nem erre való.
De a CSS3 transition tökéletesen megteszi!
Itt van egy másik, de bizonyos szempontból hasonló példa ennek használatára: [link]
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!