Konflikt bounce (jQuery) a transformu (css)

25. 5. 2015 12:02:21

Hezký den,

chtěl bych vás poprosit o radu, pokud s podobným problémem máte zkušenosti.

Na stránce mám šipky s efektem bounce, vytvořeným přes jquery a prvky, které mají nastavený přes css vlastnost transform: skew.

Při bouncování se tyto prvky rozmazávají. Když jim transform smažu, objevují se v pořádku, ale bohužel je tam ten transform nutný. Mate mě také, že každému prohlížeči vadí něco jiného.

Zde je to vidět v chromu (na popisu blogu úplně na konci stránky):

Soho | Soho restaurant

Zde je to vidět ve firefoxu:

Kontakt | Soho

Díky,

Michal

25. 5. 2015 12:02:21

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/konflikt-bounce-jquery-a-transformu-css/#reply1115451

node

(5 hodnocení)

25. 5. 2015 12:53:16

Mne ta sipka vo FF aj Chrome funguje uplne v poriadku.

25. 5. 2015 12:53:16

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/konflikt-bounce-jquery-a-transformu-css/#reply1115450

Michal Běhal

(59 hodnocení)

25. 5. 2015 13:09:26

Napsal node;1197374
Mne ta sipka vo FF aj Chrome funguje uplne v poriadku.

Ta šipka jede v pohodě, jde o to, že to rozmazává text pod ní.

25. 5. 2015 13:09:26

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/konflikt-bounce-jquery-a-transformu-css/#reply1115449

Fluid

(2 hodnocení)

25. 5. 2015 14:07:55

Vynutí hw akceleraci - lepší vyhlazování.

Jquery animace nejsou moc dobré řešení, pokud nepotřebuješ podporovat staré prohlížeče použij css keyframes.

25. 5. 2015 14:07:55

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/konflikt-bounce-jquery-a-transformu-css/#reply1115448

Michal Běhal

(59 hodnocení)

25. 5. 2015 14:25:00

Díky! Pro chrome to funguje perfektně.

Nevíš ještě, jak na ten text kontaktu ve firefoxu? Zkusil jsem to pro ten div (.wholecon > div) přidat taky, ale tam to nic nezměnilo.

25. 5. 2015 14:25:00

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/konflikt-bounce-jquery-a-transformu-css/#reply1115447

Fluid

(2 hodnocení)

25. 5. 2015 14:34:29

Ve firefoxu mi to běží dobře, takže tam ti teď neporadím.

Mrkni na http://stackoverflow.com/a/26371807 je tam skvěle rozebraná problematika css hw akcelerace.

25. 5. 2015 14:34:29

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/konflikt-bounce-jquery-a-transformu-css/#reply1115446

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

NaBurzu.cz + Na-burzu.cz – 2 atraktivní .CZ domény pro burzy, investování, obchodování a inzertní portály

27 990 Kč

0 příhozů

eshop na prodej pneumatik pro Tesla

50 000 Kč

0 příhozů

Prodej zavedené půjčovny lodí (kanoe, rafty) v jižních Čechách

5 900 000 Kč

0 příhozů

Prodej realhit.cz inzertního portálu

1 900 000 Kč

0 příhozů

Prodej e-shopu Nejlevnejsivyziva.cz – sport a turistika

10 890 000 Kč

0 příhozů

Poptávky Více

Poptávka na focení s australským ovčákem v Praze

Poptávka fotografa na párové podzimní focení v exteriéru (rychle)

Poptávka fotografky na newborn focení

Poptávka po vánočních fotkách

Poptávka vánočního focení v Brně

Pracovní nabídky Více

Junior IT Analyst

Hradec Králové, Pardubice

Backend vývojář systémového jádra (C++/Python)

Brno, Práce z domu

Junior Developer Python / Django / AI projekty

Práce z domu, Praha

Junior Project Manager

Praha

IT Security Officer

Hradec Králové, Praha

Nabídky Více

Tvorba webových aplikací a MVP pomocí AI – od nápadu po funkční řešení

Spravuju Google Ads pro e-shopy a firmy. Nejdřív zjistím, kam vám teď mizí peníze, a řeknu to bez obalu.

⭐Reálné a trvalé RECENZE, které prodávají – Google, Seznam, Facebook…

⭐ MadKoala.one – Full-Stack vývoj, kde má všechno řešení ⭐ Weby • systémy • AI • automatizace • aplikace

Taxera: účetnictví pro OSVČ a malé i střední s.r.o. | portál v ceně