När du besöker en webbsida , kommer du att stöta sannolikt ett antal olika effekter . Många effekter som bleknar , görs med en kombination av tekniker . Detta betyder inte att de är komplicerade att producera , men de använder mer än bara rakt HTML-kod i syfte att fullborda effekten . HTML
HTML står för Hyper Text Markup Language . Det är det språk på webben . Dess primära funktion är att skapa struktur webbsida . Effekterna eller animationer som ingår i Web skapas inte med HTML . HTML ger ramen för effekterna . Det dikterar där vissa poster kommer att visas i webbläsaren . Du kan bygga en hel webbsida i HTML , men du skulle vara begränsad kreativt . HTML används främst för struktur och lägga till text , andra funktioner läggs med skriptspråk och animation programvara Addera CSS
CSS står för Cascading Style Sheet . . Elementen på en webbsida är inredda med CSS . CSS tillåter en programmerare att diktera en stil för ett visst element , sedan använda det under en hemsida . Detta innebär att om du ville ha alla dina rubriker att vara djärv och blått , kan du definiera den här stilen med en rad kod , och det skulle tillämpas på varje sida på webbplatsen . Detta eliminerar behovet att koda . Med HTML och CSS , kan du lägga en bleknande effekt till en bild i din webbsida .
Alpha
CSS alfa filter förändringar kommer du att kunna ändra opaciteten på bilden . Den opacitet bestämmer hur bilden kommer att visas på skärmen . Ju lägre opacitet , visas mer bleknat bilden. Skapa en fade är det perfekta exemplet på hur HTML och CSS fungerar tillsammans . Du kommer att använda HTML för att ange vilken bild som ska placera på skärmen och CSS för att tona bilden till lämplig opacitet .
< Img src = " MyImage.jpg " width = " 150 " height = " 150 " alt = " MyImage " style = " opacitet : 0,4 ; filter : alpha ( opacitet = 40 ) " />
kodraden ovan tar en bildfil som heter " MyImage " och minskar opaciteten till 40 procent . Bilden kommer att ha en fade lite mer än hälften när webbläsaren visar det .
Använder
fade effekt kan användas på några olika sätt . Du kan använda en blek bild som bakgrund för hela webbsidan eller placera en genomskinlig ruta över en bild för att göra texten mer läsbar . Opacitet kan ändras när hemsidan besökaren utlöser en händelse . Som ett exempel kan du tona en bild till en opacitet på 40 när användaren placerar musen ovanpå det , sedan föra den tillbaka till 100 när musen lämnar bilden . Denna typ av effekt är användbar när du vill ange att användaren har " valt " en viss bild . Ett exempel på denna typ av effekt finns nedan
< img src = " MyImage.jpg " style = " opacitet : 1 ; filter : alpha ( opacitet = 100 ) " . /> Addera
