Chirurgia cranio-cerebrală minim invazivă
Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne. Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale. www.neurohope.ro |
Css3 hover delay
Last Updated: Sep 04 2012 22:28, Started by
life190
, Jun 28 2012 22:45
·
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!
|
#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
#4
Posted 28 June 2012 - 23:30
#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?
trackback, on 29th June 2012, 02:28, said: 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
yoshumi, on 3rd July 2012, 21:04, said: 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
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users