CSS hover efekt na input submit – obrázek problikne

verified

(50 hodnocení)

26. 1. 2013 11:19:10

Ahoj,

chtěl bych poprosit o radu, jak se vypořádat s následujícím problémem. Na input submit button jsem aplikoval efekt změny pozadí při najetí myší. Vše pracuje v pořádku, akorát při prvním načtením stránky a následném najetí myši na tlačítko, obrázek "přeblikne". Po opětovném najetí (bez reloadu) myší na tlačítko již změna proběhne plynule.

kód CSS:

HTML

Velikost obou obrázků je 7 kB

Nevíte jak se tohoto prvotního probliknutí zbavit? Na pomalejším internetu je tato situace opravdu strašná.

Předem moc díky za reakce

Kuzmic

26. 1. 2013 11:19:10

https://webtrh.cz/diskuse/css-hover-efekt-na-input-submit-obrazek-problikne#reply857895

verified

26. 1. 2013 11:20:50

Ahoj, použij techniku "css sprites".

Obrázky se zkombinují do jednoho a potom se jenom posouvají (tzn. jsou přednačtené a žádné "probliknutí" nenastane)

26. 1. 2013 11:20:50

https://webtrh.cz/diskuse/css-hover-efekt-na-input-submit-obrazek-problikne#reply857894

Miloslav Lešetický

verified

(10 hodnocení)

26. 1. 2013 11:21:36

Vyrobíš si oba stavy jako jeden obrázek, a při hoveru měníš jen pozici. Viz ukázka a vysvětlení: http://wellstyled.com/css-nopreload-rollovers.html

26. 1. 2013 11:21:36

https://webtrh.cz/diskuse/css-hover-efekt-na-input-submit-obrazek-problikne#reply857893

Lukáš Jurygáček

verified

(26 hodnocení)

26. 1. 2013 11:35:44

Ano, sprite je nejlepší způsob, jinak si můžeš obrázek s hover efektem vložit až před a dáš mu display: none

26. 1. 2013 11:35:44

https://webtrh.cz/diskuse/css-hover-efekt-na-input-submit-obrazek-problikne#reply857892

verified

(50 hodnocení)

26. 1. 2013 12:48:56

Moc díky! Pomohlo to posunutí pozadí.

26. 1. 2013 12:48:56

https://webtrh.cz/diskuse/css-hover-efekt-na-input-submit-obrazek-problikne#reply857891

Pro odpověď se přihlašte.

Prodej Více

👀 Prodám satirickou, fanouškovskou FB stránku obrovským potenciálem 🔥

1 000 Kč

0 příhozů

✅ Prodám rozpracovaný projekt na super doméně – Online tržiště PR článků a linků ❗️ WWW.LINKOVIŠTĚ.CZ ❗️

1 000 Kč

0 příhozů

Prodej domény WOODOO.CZ

4 000 Kč

0 příhozů

Prodám doménu VLASOVESTUDIO.COM

2 000 Kč

0 příhozů

Prodám doménu PRASAK.CZ

2 000 Kč

0 příhozů

Poptávky Více

Koupím Vinted účty s hodnocením

Web scraping / Tvorba procesů v UI Path

Hledám grafika

Jednorázový export faktur z Abra Flexi do Pohody

UI/UX Dizajnér NEEDED!

Pracovní nabídky Více

𝗧𝗲𝘀𝘁 𝗠𝗮𝗻𝗮𝗴𝗲𝗿

Práce z domu, Praha

Pětičlenný tým vývojářů na technologie .NET & React

Hledáme externí grafičku/grafika pro rodinnou firmu MycoMedica.cz

Hradec Králové

Hledáme medior Projektového manažera(ku)/koordinátora(ku)

Práce z domu, Praha

80 000 - 115 000 Kč

Front-end developer/ka / Kodér/ka

Práce z domu, Praha

Nabídky Více

PPC 👨🏻‍💻 | Facebook + Google Ads | ZÁRUKA VRÁCENÍ PENĚZ | 5+ let praxe ✅

LEVNÁ TVORBA WORDPRESS WEBŮ | E-SHOP | SEO | PPC

Nabízím službu manuálního testera vaší stránky,

Kodérské a frontenďácké práce (HTML5,CSS3,jQuery,etc etc)

VEDENÍ ÚČETNICTVÍ A DAŇOVÉ EVIDENCE; ZPRACOVÁNÍ MEZD; ÚČETNÍ KONZULTACE A PORADENSTVÍ