CSS3 hjørner, stigninger, skygger og mer ...

css3 egenskaper

Cascading Style Sheets (CSS) er en utrolig teknologi som lar deg enkelt skille innhold fra design. Vi jobber fremdeles med selskaper som har hardkodede nettsteder og grensesnitt, og tvinger dem til å stole på at utviklere gjør endringer. Hvis det er der bedriften din er, må du skrike på utviklingsteamet ditt (eller få et nytt). Den første utgivelsen av CSS var for 14 år siden! Vi er nå på vår tredje iterasjon av CSS3.

CSS3 er nå tatt i bruk og støttes i alle de nyeste populære nettleserversjonene, og det er på tide å dra nytte! I tilfelle du ikke skjønte hva som var mulig med CSS3, ettekstrapiksel har satt sammen en fin infografikk over de viktigste funksjonene som er aktivert av CSS3 - inkludert bruk av en kantradius (avrundede hjørner), opasitet (muligheten til å se gjennom et element), kantbilder, flere bakgrunnsbilder, gradienter, fargeoverganger, elementskygger og fontskygger. Det er noen utrolige effekter som du kan utvikle med kombinasjon av HTML5 og CSS3.

Hvorfor er CSS3 viktig? For tiden bruker designere en kombinasjon av grafikk, HTML og CSS for å utforme websider som er estetisk tiltalende. Når alle grafiske elementer er støttet, kan det til slutt være mulig å fjerne Illustrator eller Photoshop og få nettleseren til å gjengi grafikk og lag slik vi vil at de skal. Dette kan fremdeles være et tiår unna - men jo nærmere vi kommer, jo finere nettsteder vi kan utvikle og jo lettere blir de å utvikle i farta.

css3 infografikk full

Hvis du er opptatt av å ta i bruk CSS3 fordi brukerne eller besøkende fortsatt bruker eldre nettlesere, er det JavaScript-biblioteker som Mondernizr der ute kan du inkludere i HTML5- og CSS3-prosjektene som vil hjelpe eldre nettlesere å gjengi elementene nøyaktig.

Hva tror du?

Dette nettstedet bruker Akismet for å redusere spam. Lær hvordan kommentaren din behandles.