Hvordan kan jeg skape CSS -sveveteffekter?
CSS -sveveteffekter er ganske enkle å lage, og grunnleggende sveveteffekter kan raskt og enkelt implementeres og modifiseres med en rekke andre alternativer. Cascading Style Sheets (CSS) er et språk som brukes til å lage stilen og utformingen av et dokument opprettet på et markeringsspråk, og det kan brukes til å enkelt skape sveveteffekter. Hover -effekter er endringer som oppstår med tekst, bilder eller andre objekter i et dokument når pekeren kontrollert av en mus blir svevet over objektet. CSS -svever -effekter opprettes vanligvis i CSS -koden og kan implementeres raskt og effektivt.
En av de enkleste typene CSS -sveveteffekter å skape er en effekt som forårsaker en endring til en lenke på et nettsted når den blir svevet over. For eksempel kan det være lurt å lage en tekstlink som ser ut som standardtekst, eller er en annen farge enn resten av siden, men når "moused over" eller "svevde over" er den understreket eller emboldened. Hvordan dette gjøres, nettopp vil avhengePå den nøyaktige kodingen som brukes på siden, men i et enkelt tilfelle kan CSS -sveveringseffekten legges til i CSS -reglene i "stil" -delen.
Det opprettes en ny regel for CSS -sveveeffekten ved å bruke den aktuelle taggen for objektet som effekten legges til. For eksempel kan tekst som blir valgt være en del av en liste eller valgt i kroppen til en webside. Denne teksten skal ha en spesifikk tag tilknyttet den i kroppskodingen. Med denne taggen som er nevnt, kan regelen opprettes for å etablere en CSS -sveveeffekt for alle objekter med den gitte taggen.
Bruke tekst, for eksempel, hvis du vil lage en lenke til å bli understreket når en bruker henger over den, kan du begynne med å merke den lenken i kroppskoden og lage en spesiell regel for den taggen. Innenfor denne regelen kan du indikere hvilken farge den teksten skal være, og lett gjøre at den skiller seg ut fra den omkringliggende teksten, og visuelt iDikerer at brukeren kanskje vil sveve over den, noe som deretter vil utløse CSS -svevet. Denne effekten legges til ved å lage en "heve pseudoklasse" til taggen for tekstlinjen.
Hvis taggen for teksten, for eksempel, var "A", ville du brukt pseudoklassen som så ut som "A: Hover {...}" med ønsket CSS-sveveringseffekt angitt i braketten. Ved å bruke det forrige eksemplet, hvis den ønskede effekten var å understreke teksten når den blir svevet over, ville den lest "Tekstdekorasjon: understreker;" innen braketten. Det er en rekke forskjellige svev -effekter som kan opprettes for forskjellige objekter, og hver har en spesifikk kommando for å skape effekten, men prosessen er i de fleste tilfeller lik.