Efecte CSS3

Va voi prezenta cateva efecte noi aduse de CSS3. Pentru a le putea vedea/folosi va trebui sa aveti un browser care sa stie sa interpreteze CSS3.

1. Umbra text CSS3

Sintaxa este foarte simpla si trebuie atribuita elementului pentru care doriti sa afisati umbra.

Sa luam un exemplu.

Rezultatul va fi:

Acest text va avea o umbra.


2. Transparenta CSS3

Valoarea trebuie sa fie cuprinsa intre 0 (transparent) si 1 (opac).

Spre exemplu, sintaxa:

Va produce efectul:

Casuta transparenta.

3. Umbra div CSS3

Poate ca box-shadow este cea mai buna noutate din CSS3. Permite aplicarea unei umbre pe orice element.

Sintaxa este urmatoarea:

Sa luam exemplul:

Iar in browser vom vedea afisat:

Casuta aceasta are o umbra.

4. Redimensionare elemente CSS3

Un alt lucru foarte bun inclus in CSS3 este redimensionarea elementelor din site.

Sintaxa este foarte simpla:

Sa vedem exemplul div-ului de mai sus care are aplicata o umbra.

Casuta aceasta are o umbra si poate fi redimensionata.

Cam acestea ar fi noutatile generale. Sa ne jucam putin cu toate in finalul articolului.

Casuta aceasta are aplicate toate efectele.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *

Poți folosi aceste etichete și atribute HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">