Hozzáértők! Ezt hogyan kell megcsinálni CSS vagy esetleg javascriptben? Kurzor hatására forgó téglalap alakú"div"?
Van egy videóhátterem, és egy elválasztó sávom, ahova a feliratokat tettem, azt szeretném, hogy az elválasztó sáv ferde helyzetből kiindulva a kurzor hatásának megfelelően mozogjon
Az az elképzelésem, hogy létrehozok egy "div"-et és azt forgatom, de az a baj, hogy ahogy forog a "div" kitolja az ablakot
konkrétan ez a helyzet(a "div" túl növi magát az ablakon és meg lehet nézni hol a vége): [link]
ezt szeretném(akárhogy forog a "div" nem tudom megnézni hol végződik)
és ez történne, ha mozgatom az egeret:
ez a következő dolog, amit meg szeretnék oldani, de amíg az első problémát nem oldom meg, addig ennek nem tudok nekiállni
köszönöm!
A divedet belerakod a videós div-be, aminek megmondod, hogy bármi ami túllógna rajta az ne látszódjon:
#videohatter { overflow: hidden; }
Koszonom a tanacsot sikerult!
most a mouse movement-en gondolkodom
Le tudnád írni, hogyan néz ki ez gyakorlatban?
Az lenne a lényeg, hogy ez a forgás nagyon minimális lenne, tehát nem úgy, hogy az egér felé mutat a "div" állandóan, hanem mondjuk alapesetben 344 fok a forgatás, de ha az egeret arrébb viszem, a kép egyik végéből a másikba akkor 347 fok-ra változik
ebből
ez
a "div"-ek mérete nagy, ezért kell kis forgatás
Hát nem tudom, nekem a két kép között legalább 30 fok különbség van. De nem is érdekes, csak annyit kell meghatároznod hogy az egér hány pixeles elmozdulására hány fokot változzon a kép.
Csinálsz pár globális változót, az egyik tárolja a szöget, egy meg az egér x pozícióját. írsz egy függvényt, ami beállítja a szöget meg az egér pozícióját, és a változóban elmenti. utána csak ahhoz képest kell nézned a változást. Az a baj hogy megírni könnyebb mint megfogalmazni... :D
Az elforgatás azért minimális, mert egy bazi nagy "div"-ről van szó, és emiatt egy kis változás, is nagynak tűnik
Annyit tudok a Javascriptől, hogy "var"-okat lehet "behívni" meg ismerem a "getElementBy" kódot és ennyi:D
Írd le légyszíves!
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!