Ajutor cu niste animatii in CSS3

[Che]

As vrea sa ma ajutati cu niste chestii in CSS3.

1) Prima chestie este acest buton de la "See all the movies" din josul paginii care cand dai cu moseul peste el incepe de la jumatate sa se faca negru.

2) A doua chestie este meniul din lateral cu acele dungi galbene care apar lungi in functie de cat tii moseul pe ele.

De aici: Live preview for WordPress Theme #51822

3) A trei a chestie, cum se fac aceste animatii, spre exemplu de aici:

Demonstrations for Prestashop Themes - LeoTheme Prestashop Templates Club

Ma refer la cea exact din fata, mare, cu "Flowers wallpapers" la care cade scrisul si apoi vine ba dintr-o parte, ba dintr-alta, ca si cum ar fi o prezentare powerpoint animata.

4) Iar la a patra chestie, as vrea sa stiu (nu gasesc acuma un exemplu) sunt unele situri care cand dai mai in jos sa vezi despre ce e vorba iti apar anumie texte sau/si imagini animate si e cumva ca si cum ar fi mici si vin din fundal si ajung la dimensiunea necesara. Stie cineva cum se face ?

Multumesc mult de tot pentru ajutor !

[Pacalici]

@Che

1. Nu prea inteleg ce vrei de la numaru 1 dar ti-am izolat un pic elementul Edit fiddle - JSFiddle. Efectul ala se bazeaza pe tranzitia pseudo-elementelor after si before5

2. aceeasi smecherie doar ca de data asta pseudo-elementul animeaza width-ul lui de la 0 la 100%

3. Nu sunt sigur ca aia au folosit (n-am verificat) dar ai putea folosi https://github.com/joemottershaw/animations cu https://github.com/bas2k/jquery.appear/ . Un exemplu de elemente carea animeaza cand apar in view ai aici BigStream — One Page Parallax Theme

La sliderul ala s-ar putea sa aibe ceva callback in js sa animeze, dar daca nu iti trebuie pentru un slider, ce am scris te va ajuta

4. Cel mai probabil ce am scris la 3.

Imi zici daca mai ai intrebari sau need help

[Che]

@Che

1. Nu prea inteleg ce vrei de la numaru 1 dar ti-am izolat un pic elementul Edit fiddle - JSFiddle. Efectul ala se bazeaza pe tranzitia pseudo-elementelor after si before5

2. aceeasi smecherie doar ca de data asta pseudo-elementul animeaza width-ul lui de la 0 la 100%

3. Nu sunt sigur ca aia au folosit (n-am verificat) dar ai putea folosi https://github.com/joemottershaw/animations cu https://github.com/bas2k/jquery.appear/ . Un exemplu de elemente carea animeaza cand apar in view ai aici BigStream — One Page Parallax Theme

La sliderul ala s-ar putea sa aibe ceva callback in js sa animeze, dar daca nu iti trebuie pentru un slider, ce am scris te va ajuta

4. Cel mai probabil ce am scris la 3.

Imi zici daca mai ai intrebari sau need help

Multumesc !