Wanneer u een webpagina bezoekt , zult u waarschijnlijk geconfronteerd met een aantal verschillende effecten . Veel effecten , zoals vervagen , worden gedaan met een combinatie van technologieën . Dit betekent niet dat ze zijn ingewikkeld te produceren , maar ze gebruiken meer dan rechte HTML code om het effect te voltooien . HTML HTML staat voor Hyper Text Markup Language . Het is de taal van het web . De primaire functie is om webpagina structuur te creëren . De effecten of animaties in het web zijn niet gemaakt met HTML . HTML vormt het kader voor de effecten . Het dicteert waar bepaalde items worden weergegeven in de browser . U kunt een volledige webpagina te bouwen in HTML , maar je zou creatief worden beperkt . HTML wordt vooral gebruikt voor de structuur en het toevoegen van tekst , andere functionaliteit wordt toegevoegd met scripting talen en animatie software CSS CSS staat voor Cascading Style Sheet . . De elementen op een webpagina worden gestyled met CSS . CSS kan een programmeur een stijl dicteren voor een bepaald element , gebruik het dan gedurende een website . Dit betekent dat als je wilde al uw rubrieken te vet en blauw , kon u deze stijl te definiëren met een regel code , en het zou in de website worden toegepast op elke pagina . Dit elimineert de noodzaak om te hercoderen . Met HTML en CSS , kunt u een vervagende effect toe te voegen aan een afbeelding in uw webpagina . Alpha De CSS alpha filter verandert zal toestaan om verander de ondoorzichtigheid van de afbeelding . De dekking bepaalt hoe het beeld wordt weergegeven op het scherm . Hoe lager de dekking , lijkt het meer vervaagd het beeld . Het creëren van een fade is het perfecte voorbeeld van hoe HTML en CSS samenwerken . U zult gebruik maken van HTML om aan te geven welke foto te plaatsen op het scherm en CSS op de afbeelding om de juiste transparant fade . < Img src = " MyImage.jpg " width = " 150 " height = " 150 " alt = " MyImage " style = " opacity : 0.4 ; filter : alpha ( opacity = 40 ) " /> de regel code neemt boven een foto bestand genaamd " MyImage " en vermindert de dekking op 40 procent . Het beeld zal een fade iets meer dan de helft wanneer de browser geeft dit weer. Gebruikt De fade effect kan gebruikt worden een paar verschillende manieren . U kunt een vervaagde afbeelding gebruiken als achtergrond voor uw hele webpagina of plaats een doorzichtige doos op een plaatje om de tekst leesbaarder te maken . Ondoorzichtigheid kan worden gewijzigd wanneer de bezoeker van de website activeert een evenement . Als voorbeeld , kunt u een afbeelding naar een dekking van 40 verdwijnen wanneer de gebruiker de muis plaatst op de top van het, breng het dan terug naar 100 als de muis verlaat de afbeelding . Dit type effect is handig wanneer u wilt aangeven dat de gebruiker heeft " gekozen " een bepaald beeld . Een voorbeeld van dit type effect is hieronder te vinden < img src = " MyImage.jpg " style = " ondoorzichtigheid : 1 ; filter : alpha ( opacity = 100 ) " . />
|