Efect de panorama

#1
colombo2003

Posted 09 February 2015 - 12:31

Senior Member

Grup: Senior Members
Posts: 6,312
Înscris: 16.07.2008

Am gasit aici, in atent, un efect interesant (acela de miscare/defilare al imaginii).
Eu nu am reusit sa imi dau inca seama cum e facut. Ma poate ajuta cineva?
Multumesc.

Back to top

#2
Mizu

Posted 09 February 2015 - 13:00

moroșan

Grup: Senior Members
Posts: 18,826
Înscris: 10.12.2006

http://www.graphicah...nsions/banner3d

Back to top

#3
colombo2003

Posted 09 February 2015 - 15:30

Senior Member

Grup: Senior Members
Posts: 6,312
Înscris: 16.07.2008

Nu stiu de ce, dar nu mai pot intra pe site! Am sa incerc si de acasa.

Back to top

#4
colombo2003

Posted 10 February 2015 - 15:22

Senior Member

Grup: Senior Members
Posts: 6,312
Înscris: 16.07.2008

Asta inseamna ca trebuie sa instalez/folosesc joomla?

Back to top

#5
Mizu

Posted 10 February 2015 - 15:31

moroșan

Grup: Senior Members
Posts: 18,826
Înscris: 10.12.2006

hm... poate asa ceva ti-ar fi suficient https://www.brainsto...ctive-banner-2/

Back to top

#6
colombo2003

Posted 18 February 2015 - 10:48

Senior Member

Grup: Senior Members
Posts: 6,312
Înscris: 16.07.2008

Dupa lupte seculare... am reusit ceva, cumva!

Treaba e mult mai simpla (fara js-uri etc), si nu a trebuit decat ca, pentru img, la hover sa folosesc:
-> transform: translate3d(...); - cu precizarea celor trei perechi de valorilor in px
si respectiv
-> transition (exemplu: transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;)

iar pentru div-ul care contine imaginea, pe langa latimea (in px), overflow: hidden;

Multumesc, se poate inchide!

Back to top

#7
Mizu

Posted 18 February 2015 - 12:47

moroșan

Grup: Senior Members
Posts: 18,826
Înscris: 10.12.2006

Nu stiu ce ai facut tu cu hover la imagine, in exemplul tau sunt vreo 4 imagini in acel banner si se misca toate concomitent. Le poti misca toate cu CCS3? Nu stiu, am ramas in urma cu tehnologia.
Insa cu javascript ai avantajul unei palete mai mari de browsere in care iti va functiona codul.

Back to top

Anunturi

Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

www.neurohope.ro

Efect de panorama

#1 colombo2003 Posted 09 February 2015 - 12:31

#2 Mizu Posted 09 February 2015 - 13:00

#3 colombo2003 Posted 09 February 2015 - 15:30

#4 colombo2003 Posted 10 February 2015 - 15:22

#5 Mizu Posted 10 February 2015 - 15:31

#6 colombo2003 Posted 18 February 2015 - 10:48

#7 Mizu Posted 18 February 2015 - 12:47

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
colombo2003

Posted 09 February 2015 - 12:31

#2
Mizu

Posted 09 February 2015 - 13:00

#3
colombo2003

Posted 09 February 2015 - 15:30

#4
colombo2003

Posted 10 February 2015 - 15:22

#5
Mizu

Posted 10 February 2015 - 15:31

#6
colombo2003

Posted 18 February 2015 - 10:48

#7
Mizu

Posted 18 February 2015 - 12:47