Når du besøger en webside, vil du sandsynligvis støde på en række forskellige effekter. Mange effekter som fading, gjort, er med en kombination af teknologier. Det betyder ikke, at de er komplicerede at producere, men de gør brug mere end bare lige HTML-kode for at fuldføre effekten. HTML
HTML står for Hyper Text Markup Language. Det er det sprog på internettet. Dens primære funktion er at skabe websiden struktur. Virkningerne eller animationer , der indgår i nettet , er ikke skabt med HTML . HTML skaber rammerne for effekterne. Den dikterer , hvor visse poster vises i browseren. Du kan bygge en hel webside i HTML, men du ville være begrænset kreativt. HTML bruges primært til opbygning og tilføje tekst; andre funktioner er tilføjet med scriptsprog og animation software
CSS
CSS står for Cascading Style Sheet . . Elementerne på en webside er stylet med CSS. CSS giver en programmør til at diktere en stil for et bestemt element , så brug det hele en hjemmeside . Det betyder, at hvis du ønsker alle dine overskrifter til at være modige og blå , kan du definere denne stil med én linje kode , og det vil blive anvendt på hver side på hjemmesiden. Dette eliminerer behovet for at omkode . Med HTML og CSS, kan du tilføje en fading effekt på et billede i din webside .
Alpha
CSS alfa filter ændringer vil tillade dig at ændre opaciteten af billedet. Opaciteten dikterer hvordan billedet vises på skærmen. Jo lavere opacitet, jo mere falmede billedet vises . Oprettelse af en fade er det perfekte eksempel på, hvordan HTML og CSS arbejde sammen. Du skal bruge HTML til at angive , hvilket billede til at placere på skærmen, og CSS til at falme billedet til den relevante opacitet.
< Img src = " MyImage.jpg " width = " 150 " height = "150" alt = " MyImage " style = " opacitet : 0.4 ; filter: alpha ( opacity = 40 )" />
linje kode ovenfor tager et billede fil kaldet " MyImage " og reducerer opaciteten til 40 procent . Billedet vil have en fade lidt mere end halvdelen , når browseren viser det.
Bruger
fade effekt kan bruges et par forskellige måder . Du kan bruge en falmet billede som baggrund for hele din webside eller placere en gennemsigtig boks over et billede for at gøre teksten mere læselig . Opacity kan ændres, når hjemmesiden besøgende udløser en hændelse. Som et eksempel , kan du fade et billede til en opacitet på 40 når brugeren placerer musen på toppen af det , så bringe den tilbage til 100 , når musen forlader billedet . Denne type effekt er nyttig, når du ønsker at angive, at brugeren har "udvalgt" et bestemt billede . Et eksempel på denne type effekt kan findes nedenfor
< img src = " MyImage.jpg " style = " opacitet : 1; filter: alpha ( opacity = 100 )." />