Nye designverktøy og nye stiler med CSS3 - dummies

CSS3 gjør grafiske effekter billigere og enklere å lage, raskere å laste ned på nettsider, og mer tilgjengelig i alle slags miljøer og søkemotorer.

For eksempel er den skjevete teksten (og omsluttende skjev tekstboks) i det følgende ikke grafisk, det er tekst som du kan kopiere, og det er indeksert (eller legges inn i en database) av søkemotorer, kan leses høyt hvis taleprogramvare er installert i en nettleser eller et operativsystem, og trenger ikke å lastes ned til en side.

Diktig ansatt, animasjon og Interaktivitet med CSS3 kan bringe en side til liv, legge til dynamikk og energi. Men som alle designteknikker, kan CSS3 effekter og transformasjoner overdrevet. Poenget er dette: Bare fordi effekter og transformasjoner nå er enkle å lage uten programvare, det gjør ikke Det betyr ikke at du burde laste sidene dine med gratuitous effekter.

Den skjeve boksen og sirkelen her kan g rab øyet og gi formateringsbehandling som tidligere kun tilgjengelig som et grafisk bilde eller Flash.

Her er de to grunnleggende teknikkene for å animere og lage interaktive CSS3-effekter:

• Bruke pseudoklasser: En teknikk bygger på å forbinde CSS3-effekter og transformerer med CSS pseudoklasser . En svinget kobling representerer den enkleste formen for CSS interaktivitet med en effekt som understreker eller forårsaker at en bakgrunnsfarge vises når en kobling er svevet over.

• Kombinere CSS3 med JavaScript: En teknikk for å administrere interaktivitet og animasjon med CSS3-stiler (eller andre stilarter) kombinerer CSS3 med JavaScript.