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

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

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

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

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

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

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

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

Herní magazín Gamero.cz – český web s historií a brandovou doménou

25 000 Kč

0 příhozů

Prodej atraktivního 14-ti letého magazínu Ocemsemluvi.cz + YT a FB

70 000 Kč

0 příhozů

ZAVEDENÝ WEB S VLASTNÍM OBSAHEM A 8 LETOU HISTORIÍ – VYSOKÝ POTENCIÁL ZISKU

290 000 Kč

0 příhozů

Pacamls.cz – ultraprémiová přírodní krmiva pro psy a kočky

25 000 Kč

0 příhozů

Vsad.si – doména a hotový projekt pro propagaci sázkové kanceláře či prodej tipů na sázení

50 000 Kč

0 příhozů

Poptávky Více

Hledám SEO specialistu pro dlouhodobou spolupráci

Koupím licenci na starší EAGLE pro PCB

Programátora na úpravy webu (ProcessWire CMS)

Zfinalizovat Shopify e-shop ( Doprava, Faktury, apod..)

Hledám do IT agentury kodéra (HTML/CSS kodér, front-end) a programátora

Pracovní nabídky Více

Do Včeliště hledáme novou grafičku/grafika

Práce z domu

Kubernetes & Cloud Java Aplikace

Brno

80 000 - 140 000 Kč

Asistence u IT projektu

10 000 - 30 000 Kč

Hledáme Senior/Medior PHP Laravel Developera pro vývoj softwarových řešení na míru

Brno, Práce z domu

75 000 - 120 000 Kč

Product Manager WANTED!

Práce z domu

Nabídky Více

⭐⭐⭐PROFI/LEVNĚ – TVORBA WEBŮ A E-SHOPŮ s CSS kodováním! na míru za SKVĚLÉ CENY! | 🚀 PPC reklama | SEO | Grafické práce | 10 let praxe

Proměňte své nápady ve fungující aplikace – Vaše nápady proměním ve funkční software

✅ LINKBUILDERKA.CZ – Tvorba kvalitních zpětných odkazů

🛡️Nabízíme správu firemní sítě a IT

Nabídka velkoobchodní spolupráce doplňků stravy Evilo