Hoe kan ik CSS Hover Effecten?

CSS hover effecten zijn vrij eenvoudig te maken, en elementaire hover effecten kunnen snel en eenvoudig worden geïmplementeerd en aangepast met een aantal andere opties. Cascading Style Sheets (CSS) is een taal die wordt gebruikt bij het creëren van de stijl en lay-out van een document dat is gemaakt in een opmaaktaal, en het kan worden gebruikt om de hover effecten gemakkelijk te maken. Hover effecten zijn veranderingen die optreden met tekst, afbeeldingen of andere objecten in een document wanneer de aanwijzer bestuurd door een muis is zweefde over het object. CSS hover effecten worden meestal gemaakt in de CSS-code en kan snel en effectief worden uitgevoerd.

Een van de makkelijkste vormen van CSS hover effecten te creëren is een effect dat een wijziging van een link op een website zorgt ervoor dat wanneer het wordt zweefde boven. Zo kan iemand willen een tekstuele link die eruit ziet als standaard tekst, of is een andere kleur dan de rest van de pagina te maken, maar wanneer "moused meer" of "zweefde over" het wordt onderstreept of aangemoedigd. Hoe dit wordt gedaan, precies, zal doorgaans afhangen van de precieze codering gebruikt op de pagina, maar in een simpel geval van de CSS-hover effect binnen de CSS-regels kunnen worden toegevoegd in de sectie "stijl".

Een nieuwe regel wordt gemaakt voor de CSS-hover-effect met de juiste tag voor het object waarop het effect wordt toegevoegd. Bijvoorbeeld, zou de tekst die wordt gekozen een deel van een lijst of gekozen binnen het lichaam van een webpagina zijn. Deze tekst moet een specifieke tag in verband met het in het lichaam codering hebben. Met merkte deze tag, kan de regel worden gemaakt om een ​​CSS-hover effect voor alle objecten met dat gegeven tag vast te stellen.

Met behulp van tekst, bijvoorbeeld als u wilt maken een koppeling worden onderstreept wanneer een gebruiker overheen zweeft, dan kan je beginnen met het taggen die link in het lichaam code en het creëren van een speciale regel voor die tag. Binnen deze regel kunt u aangeven welke kleur die tekst moet zijn, gemakkelijk waardoor het onderscheiden van de omringende tekst, en visueel aangeeft dat de gebruiker kan willen zweven over het, die vervolgens zou leiden tot de CSS hover effect. Dit effect wordt toegevoegd door het creëren van een 'hover pseudo-class "om de tag voor de tekstregel.

Als u het label voor de tekst, bijvoorbeeld, was "een" dan zou je de pseudo-klasse die leek te gebruiken "a: hover {...}" met de gewenste CSS hover effect aangegeven binnen de beugel. Met het vorige voorbeeld, indien het gewenste effect is de tekst onderstrepen wanneer deze beweegt over, dan zou lezen "text-decoration: onderstrepen;" binnen de beugel. Er zijn een aantal verschillende hovereffecten die kunnen worden gemaakt voor verschillende objecten, en elk heeft een specifieke opdracht het effect, maar de werkwijze is vergelijkbaar in de meeste gevallen.


© 2020 Quilcedacarvers.com | Contact us: webmaster# quilcedacarvers.com