HTML kódy na fotografie Fade Effects

Keď navštívite webovú stránku , budete pravdepodobne narazíte na množstvo rôznych efektov . Mnoho efektov , ako je blednutiu , sú vykonané s kombináciou technológií. To neznamená , že sú zložité na výrobu , ale oni používajú viac než len priame HTML kód , aby dokončenie efektu . HTML

HTML je skratka pre Hyper Text Markup Language . Je to jazyk na webe . Jeho primárnou funkciou je vytvoriť webové stránky štruktúry . Medzi efekty alebo animácie obsiahnuté v sade nie sú vytvorené s HTML . HTML poskytuje rámec pre účinkov . To určuje , kde budú niektoré položky sa zobrazí v prehliadači . Môžete si vytvoriť celú webovú stránku vo formáte HTML , ale mali by ste byť obmedzená kreatívne. HTML sa používa predovšetkým pre konštrukcie a pridanie textu , ostatné funkcie boli pridané s skriptovacích jazykov a animačné softvér
CSS

CSS je skratka pre kaskádových štýlov .. Prvky na webovej stránke sú štylizované s CSS . CSS umožňuje programátorovi diktovať štýl pre určitý prvok , a potom ho použiť v celej webovej stránky . To znamená, že ak ste chceli všetky nadpisy byť tučne a modro , môžete definovať tento štýl sa jeden riadok kódu , a to by byť aplikovaný na každej stránke webu . To eliminuje potrebu prepisovať . S HTML a CSS , môžete pridať efekt útlmu na snímke priamo vo Vašom webovej stránky .
Alpha

CSS alfa zmeny filter vám umožní zmeniť nepriehľadnosť obrázka . Opacity určuje, ako bude obraz vyzerať na obrazovke . Nižšia krytie , objaví viac vyblednutý obraz . Vytvorenie fade je dokonalým príkladom toho, ako HTML a CSS spolupracovať . Budete používať HTML určiť , na ktoré obraz umiestniť na obrazovke a CSS k vyblednutiu obrazu na príslušnú nepriehľadnosti .

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

riadok kódu hore má obrazový súbor s názvom " MyImage " a znižuje transparentnosť na 40 percent . Obraz bude mať stmievanie niečo viac ako polovicu , keď to prehliadač zobrazí .
Používa

fade efekt možno použiť niekoľko rôznych spôsobov . Môžete použiť vyblednutý obrázok ako pozadie pre celé webové stránky alebo umiestnite priehľadné okno na obrázku , aby sa lepšie čitateľnosti textu. Opacity možno zmeniť , keď návštevník webu spustí udalosť . Ako príklad možno fade obraz na krytie 40 , keď používateľ umiestni myši na neho , a potom ju priviesť späť do 100 , akonáhle myši opustí obraz . Tento typ efektu je užitočné , keď chcete ukázať , že užívateľ " vybrané" zvláštne obraz . Príkladom tohto typu efektu možno nájsť pod klipart

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

• Predchádzajúca strana: Ako komentovať v iBooks 
• Ďalšia strana: Ako citovať fstat Software