CSS3
18. sep 2013
Faglige artikler

Nye muligheder med CSS3

CSS (Cascading Style Sheets) er den teknologi, som giver hjemmesider deres layout og udseende. CSS3 er den nyeste specifikation af CSS, som giver en lang række nye muligheder, som man tidligere skulle bruge scripting eller billeder for at opnå. Fordelen ved at bruge CSS3 frem for scripting eller billeder er dels, at din hjemmeside bliver hurtigere, og dels at det er mere fleksibelt og fx gør det nemmere at ændre udseendet senere.

CSS3 er efterhånden godt understøttet i de mest gængse browsere, men man skal dog stadig være opmærksom på, at besøgende med ældre browsere muligvis ikke vil kunne se de features, der er lavet med CSS3.

Nogle af de nye features ved CSS3 er bl.a animationer, gradienter, runde hjørner og skygger.

Eksempel på CSS3-animationer på knapper

Knap 1
Knap 2
Knap 3
Knap 4
Knap 5
 

Eksempel på 3d-tekst

3D Tekst

Eksempel på css3-baggrund

CSS3-genererede baggrunde

Eksempel på animeret tekst

A N I M A T I O N

Flere animationer

 

Farve

 

Svæve effekt

 

Rotation

Eksempel på andre CSS3-skygger, runde hjørner og gradient

 

CSS3 eksempler
 

 

 

 

 

diskussion