Hvordan kan jeg oprette CSS -svævningseffekter?

CSS Hover Effects er ret enkle at skabe, og basale hovereffekter kan implementeres hurtigt og let og ændres med en række andre muligheder. Cascading Style Sheets (CSS) er et sprog, der bruges til at oprette stilen og layoutet af et dokument, der er oprettet på et markeringssprog, og det kan bruges til let at skabe hovereffekter. Hovereffekter er ændringer, der forekommer med tekst, billeder eller andre objekter i et dokument, når markøren, der kontrolleres af en mus, svæves over objektet. CSS -svævningseffekter oprettes typisk inden for CSS -koden og kan implementeres hurtigt og effektivt.

En af de nemmeste typer CSS -svæveflekter at oprette er en effekt, der forårsager en ændring til et link på et websted, når det svæves over. For eksempel kan nogen muligvis oprette et tekstligt link, der ligner standardtekst, eller er en anden farve end resten af ​​siden, men når det "mouses over" eller "svævede over", er den understreget eller emboldened. Hvordan dette gøres, netop afhænger afPå den nøjagtige kodning, der bruges på siden, men i en simpel sag kan CSS -svævefekten tilføjes inden for CSS -reglerne inden for afsnittet "Style".

Der oprettes en ny regel til CSS -hovereffekten ved hjælp af det passende tag til det objekt, som effekten tilføjes. For eksempel kan tekst, der vælges, være en del af en liste eller valgt i kroppen af ​​en webside. Denne tekst skal have et specifikt mærke, der er knyttet til den i kropskodningen. Med dette mærke, der er bemærket, kan reglen oprettes for at etablere en CSS -hovereffekt for eventuelle objekter med det givne tag.

Ved hjælp af tekst, for eksempel, hvis du vil få et link til at blive understreget, når en bruger svæver over det, kan du begynde med at mærke det link inden for kropskoden og oprette en særlig regel for det tag. Inden for denne regel kan du angive, hvilken farve den tekst skal være, hvilket let får den til at skille sig ud fra den omgivende tekst og visuelt iDicering af, at brugeren måske ønsker at svæve over det, hvilket derefter ville udløse CSS -svævefircen. Denne effekt tilføjes ved at oprette en "hover pseudo-klasse" til mærket til tekstlinjen.

Hvis mærket til teksten for eksempel var "A", ville du bruge den pseudo-klasse, der lignede "A: Hover {...}" med den ønskede CSS-hovereffekt, der er angivet i beslaget. Ved hjælp af det foregående eksempel, hvis den ønskede effekt var at understrege teksten, når den svæves over, så læste den "tekstdekoration: understreget" inden for beslaget. Der er en række forskellige hovereffekter, der kan oprettes til forskellige objekter, og hver har en specifik kommando til at skabe effekten, men processen ligner i de fleste tilfælde.