Når du besøker en webside , vil du sannsynligvis oppleve en rekke ulike effekter. Mange effekter, som falming, er ferdig med en kombinasjon av teknologier . Dette betyr ikke at de er kompliserte å produsere, men de gjør bruk mer enn bare rett HTML -koden for å fullføre effekt. HTML

HTML står for Hyper Text Markup Language. Det er språket av nettet . Dens primære funksjon er å skape webside struktur . Effektene eller animasjoner som inngår i Web er ikke skapt med HTML. HTML gir rammene for effektene. Det dikterer hvor visse elementer vil vises i nettleseren . Du kan bygge en hel webside i HTML , men du ville være begrenset kreativt. HTML brukes hovedsakelig for struktur og legge til tekst , andre funksjonalitet er lagt med skriptspråk og animasjon programvare
CSS

CSS står for Cascading Style Sheet . . Elementene på en webside er stylet med CSS. CSS gir en programmerer å diktere en stil for et bestemt element , og deretter bruke den gjennom en nettside. Dette betyr at hvis du ville alle overskrifter til å være modig og blått , kan du definere denne stilen med en linje med kode , og det ville bli brukt på hver side på nettstedet. Dette eliminerer behovet for å recode . Med HTML og CSS, kan du legge til en fading effekt på et bilde i din webside .
Alpha

CSS alfa filterskift vil tillate deg å endre tettheten av bildet . Opacity dikterer hvordan bildet skal vises på skjermen . Jo lavere opasitet , vises mer bleknet bildet. Opprette en fade er et perfekt eksempel på hvordan HTML og CSS arbeide sammen. Du vil bruke HTML for å indikere hvilket bilde som skal plasseres på skjermen og CSS å falme bildet til passende opacity .

< Img src = " MyImage.jpg " width = " 150 " height = " 150 " alt = " MyImage " style = " opacity : 0.4 ; filter : alpha ( opacity = 40)" />

linje med kode ovenfor tar et bilde fil som heter " MyImage " og reduserer opacity til 40 prosent . Bildet vil ha en fade litt mer enn halvparten når nettleseren viser det.
Bruker

fade effekt kan brukes på flere måter . Du kan bruke et falmet bilde som bakgrunn for hele webside eller plassere en gjennomsiktig boks over et bilde for å gjøre teksten mer lesbar . Opacity kan endres når nettstedet besøkende utløser en hendelse. Som et eksempel kan du visne et bilde til en tetthet på 40 når brukeren plasserer musen på toppen av det, så ta det med tilbake til 100 når musen lar bildet . Denne typen effekten er nyttig når du ønsker å vise at brukeren har " valgt " et bestemt bilde . Et eksempel på denne typen effekt finner du nedenfor

< img src = " MyImage.jpg " style = " opacity : 1; filter : alpha ( opacity = 100 )" . />