Sign In
Create Account
Css3 hover delay
Last Updated: Sep 04 2012 22:28, Started by
life190
, Jun 28 2012 22:45
·
0
0
#1
Posted 28 June 2012 - 22:45
|
Salut. Am un div care cu ajutorul unui :hover ii schimb backgound image. As vrea sa fac cu css3 ca aceasta schimbare intre backgound-uri sa se faca cu un fade. nu gasesc nimic pe net care sa mearga. Multumesc!
|
Back to top
#2
Posted 28 June 2012 - 22:56
|
Backgroundul este o imagine, un gradient sau doar o culoare?
Edited by Tiberiu_Alexander, 28 June 2012 - 22:58. |
#3
Posted 28 June 2012 - 23:14
|
Backgroundul este o imagine, un gradient sau doar o culoare? |
#4
Posted 28 June 2012 - 23:30
|
imagine, png Atunci tranzițiile CSS3 nu cred că vor funcționa pentru un efect de fade. Edited by Tiberiu_Alexander, 28 June 2012 - 23:42. |
#5
Posted 28 June 2012 - 23:44
|
Atunci cu jquery cum as putea face?
Am ceva gen asa: .clasa{background-image:imagine.png} .clasa:hover{background-image:imagine1.png} Merge dar vreau cu un fade. |
#6
Posted 29 June 2012 - 01:28
|
Cu jQuery.
<div id="parent"> <div class="background first"> </div> </div>In exemplul de mai sus, div-ul .background este cel la care doresti sa faci fadeIn. Acesta face parte din 2 clase cel putin. Clasa 1: background, si clasa 2: first sau second, fiecare cu background-image diferit. Procedezi asa la hover (cu jquery): 1. Dai fadeOut() sau hide() la div.background 2. Ii stergi clasa .first ( adica ii inlaturi imaginea de background ) 3. Ii adaugi clasa .second ( adica ii atribui noua imagine de background ) 4. Ii dai fadeIn() |
#8
Posted 03 July 2012 - 17:27
|
Faza e ca nu am acces la div ci doar la clase... Sunt facute cu jquery.. deci as vreas fac cum arata link-ul de mai sus dar am acces doar la clase.Cum fac asta?
Cu jQuery. <div id="parent"> <div class="background first"> </div> </div>In exemplul de mai sus, div-ul .background este cel la care doresti sa faci fadeIn. Acesta face parte din 2 clase cel putin. Clasa 1: background, si clasa 2: first sau second, fiecare cu background-image diferit. Procedezi asa la hover (cu jquery): 1. Dai fadeOut() sau hide() la div.background 2. Ii stergi clasa .first ( adica ii inlaturi imaginea de background ) 3. Ii adaugi clasa .second ( adica ii atribui noua imagine de background ) 4. Ii dai fadeIn() 
|
#9
Posted 03 July 2012 - 20:04
|
Pai nu e greu.
Ai doua imagini acolo una peste cealalta si tu cand dai hover peste o imagine ii face opacitatea 0 si la cealalta foloseste efectele din trazitie depinzand de browser. Problema ar fi ca nu cred ca toate versiunile de browser ar suporta asta. |
#10
Posted 03 July 2012 - 20:31
|
Pai nu e greu. Ai doua imagini acolo una peste cealalta si tu cand dai hover peste o imagine ii face opacitatea 0 si la cealalta foloseste efectele din trazitie depinzand de browser. Problema ar fi ca nu cred ca toate versiunile de browser ar suporta asta. |
|
#11
Posted 04 September 2012 - 22:28
|
poti pune imagine una peste alta cu position:fixed; top:x, left:y sau chiar cu position:absolute; ... depinde ce vrei sa faci acolo ... si folosesti z-index ca sa definesti ce imagine sa fie deasupra.
|
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
-
- Change Theme
- English
- Mark Community Read
- Termene & conditii
- Confidentialitate
- Consimtamant
- Cookies
- Help
© 2001-2024 Softpedia. All rights reserved. Softpedia® and the Softpedia logo are registered trademarks of SoftNews Net SRL.
Ora implicita a Forumului Softpedia este ora standard a Romaniei (GMT+2). Mai multe informatii →
⚠ Postarile afisate pe Forumul Softpedia reprezinta o opinie subiectiva a membrilor care le-au publicat si nu a SoftNews Net SRL.