Autor | Zpráva | ||
---|---|---|---|
toredor Profil |
#1 · Zasláno: 13. 11. 2012, 10:42:46
Ahoj,
hledám nějaký script, který dokáže obrázek překrýt barvou (například průsvitnou modrou, tedy obrázek bude mít modrý filtr). Po najetí myši na obrázek se zobrazí v původních barvách. Nezná prosím někdo něco takového? Hledal jsem na netu ale našel jsem jen výměnu jednoho obrázku za druhý, ale toto nechci. Děkuji všem za odpověď. |
||
Str4wberry Profil |
#2 · Zasláno: 13. 11. 2012, 11:14:37
Můžete si obrázek překrýt barevným elementem a měnit mu průhlednost. A třeba si k tomu ještě přidat přechodový efekt pomocí
transition . :–)
Viz ukázka. |
||
toredor Profil |
#3 · Zasláno: 13. 11. 2012, 12:57:56
Super to je přesně to co hledám. Děkuji :-)
|
||
Camo Profil |
#4 · Zasláno: 13. 11. 2012, 13:50:46
Str4wberry:
Keby to s tým CSS fungovalo tak ako to vyzerá aj v IE7/8 tak by to bolo naozaj skvelé. Ale IE7/8 na to absolútne nereaguje. Také jednoduché to veru nebude... Tie starišie explorery používajú pre priehľadnosť v CSS vlastnosť filter ak sa nemýlim. A pokiaľ sa pamätám dokáže táto vlastnosť rozbiť celý layout. |
||
Str4wberry Profil |
Ano, to jsem nenapsal, pro starší Explorery je třeba použít
filter , rozbít celý layout by to nemělo. Přechodový efekt funguje až od Exploreru 10.
|
||
margin Profil * |
#6 · Zasláno: 13. 11. 2012, 15:50:14
Str4wberry:
„Přechodový efekt funguje až od Exploreru 10.“ Ale už od IE5.5 funguje přechodový filtr, pokud by to někoho zajímalo, tak více třeba na http://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx toredor: Než pozicovat element nad obrázek je jednodušší obarvit element pod obrázkem, vypadá to skoro stejně, výrazný rozdíl mezi těmito postupy bude, pokud je obrázek průsvitný nebo průhledný, jako v tomto případě. Ukázka |
||
Časová prodleva: 11 let
|
0