CSS3 hjørner, gradienter, skygger og mere ...

css3 egenskaber

Cascading Style Sheets (CSS) er en utrolig teknologi, der giver dig mulighed for let at adskille indhold fra design. Vi arbejder stadig med virksomheder, der har hardkodede websteder og grænseflader, og tvinger dem til at stole på udviklere for at foretage ændringer. Hvis det er her din virksomhed er, skal du skrige på dit udviklingsteam (eller få en ny). Den første udgivelse af CSS var for 14 år siden! Vi er nu på vores tredje iteration af CSS3.

CSS3 er nu vedtaget og understøttet i alle de nyeste populære browserversioner, og det er tid til at drage fordel! Hvis du ikke var klar over, hvad der var muligt med CSS3, et ekstrapixel har sammensat en god infografik om de vigtigste funktioner aktiveret af CSS3 - herunder anvendelse af en kantradius (afrundede hjørner), opacitet (evnen til at se gennem et element), kantbilleder, flere baggrundsbilleder, gradienter, farveovergange, elementskygger og skriftskygger. Der er nogle utrolige effekter, som du kan udvikle med kombination af HTML5 og CSS3.

Hvorfor er CSS3 vigtigt? I øjeblikket bruger designere en kombination af grafik, HTML og CSS til fuldt ud at designe websider, der er æstetisk tiltalende. Når alle grafiske elementer er understøttet, kan det i sidste ende være muligt at fjerne Illustrator eller Photoshop og få browseren til at gengive grafik og lag, som vi gerne vil have dem. Dette kan stadig være et årti væk - men jo tættere vi kommer, jo pænere er de steder, vi kan udvikle, og jo lettere bliver de at udvikle i farten.

css3 infografik fuld

Hvis du er bekymret for at vedtage CSS3, fordi dine brugere eller besøgende stadig bruger ældre browsere, er der JavaScript-biblioteker som Mondernizr derude kan du medtage i dine HTML5- og CSS3-projekter, der hjælper ældre browsere med at gengive elementerne nøjagtigt.

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.