Hvordan lage Sparkle effekter med CSS

Hvordan lage Sparkle effekter med CSS


Med en animert Graphics Interchange Format fil og Cascading Style Sheets, har du mulighet til å gjøre gnisten effekter på websiden. GIF inneholder digital, flytting glitter og CSS tildeler utsmykningen til sideelementer. For eksempel kan du bruke sparkles til hyperkoblinger eller vise en livlig bakgrunn på ditt nettsted. Bruk en animert GIF-fil og datamaskinens tekst-editor program for å gjøre sparkle effekter hvor du foretrekker.

Bruksanvisning

1 Logg deg på Web vert konto og laste opp din animerte GIF-fil til den samme mappen eller katalogen der andre nettsted filene ligger. Lag et notat av URL-adressen etter opplasting - for eksempel http://www.yoursite.com/images/sparkle.gif. Hvis du ikke har en rekke konto, peke nettleseren din til en gratis online fil vert, for eksempel File Dropper eller datafil Host, følg instruksjonene for å laste opp gnisten GIF og registrere webadressen etter at prosessen er fullført.

2 Start din tekst-editor program og åpne nettsiden dokumentet der du ønsker å gjøre gnisten effekter. Plasser markøren før slutt </ head> element på toppen og skriver følgende CSS-kode:
<Style type = "text / css">

</ Style>

3 Skriv inn et HTML-element mellom stil koder for å finne ut hvor du bruker glitter animasjon på siden din. For eksempel, skriv "en" for linker, "p" for avsnitt eller "kroppen" for hele siden. Skriv inn et par klammeparentes etter innreise din slik:
<Style type = "text / css">
kropp { }
</ Style>

4 Type "background-image: url ( 'URL-adresse');" mellom klammeparenteser og erstatte "URL-adresse" entry med adressen til animerte GIF-fil. Å illustrere:
body {background-image: url ( 'http://www.yoursite.com/images/sparkle.gif'); }

5 Lagre filen og forhåndsvise det i en nettleser. Når du er klar, laste opp dokumentet til Web vert å publisere gnisten effekter.

Hint

  • Du kan opprette gratis gnisten bilder på animerte GIF trakter nettsteder som Glitterizer, Webestools og Glitterboo. Følg instruksjonene på nettstedet for å skape et bilde og laste ned animerte GIF til datamaskinen.