Skip to main content

Hogyan hozhatok létre CSS -lebegő effektusokat?

A CSS Hover effektusok meglehetősen egyszerűek, és az alapvető hover -effektusok gyorsan és egyszerűen megvalósíthatók és módosíthatók számos más lehetőséggel.A lépcsőzetes stílusú lapok (CSS) egy olyan nyelv, amelyet egy jelölési nyelven létrehozott dokumentum stílusának és elrendezésének létrehozásához használnak, és felhasználhatók a hover effektusok egyszerű létrehozására.A lebegő hatások olyan változások, amelyek szöveggel, képekkel vagy más objektumokkal fordulnak elő egy dokumentumban, amikor az egér által vezérelt mutató az objektum fölé kerül.A CSS HOVER hatásait általában a CSS -kódban hozták létre, és gyorsan és hatékonyan megvalósíthatók.Például, ha valaki olyan szöveges linket szeretne létrehozni, amely szabványos szövegnek tűnik, vagy más színű, mint az oldal többi része, de amikor „átmosott” vagy „lebegve”, aláhúzott vagy felemelt.Pontosan hogyan történik ez az oldalon használt pontos kódolástól, de egy egyszerű esetben a CSS HOVER effektus hozzáadható a CSS szabályokba a „Stílus” szakaszban.A CSS lebegési effektus az objektum megfelelő címkéjével, amelyhez a hatás hozzáadódik.Például a kiválasztott szöveg lehet egy lista részét képezve, vagy a weboldal testén belül kiválasztva.Ennek a szövegnek egy speciális címkével kell rendelkeznie a test kódolásában.Ezzel a címkével megjegyezzük, hogy a szabály létrehozható egy CSS -hoverhatás létrehozására az adott címkével rendelkező objektumokhoz.Kezdje azzal, hogy megcímkézi ezt a linket a testkódon belül, és létrehozhat egy speciális szabályt erre a címkére.Ebben a szabályban megmutathatja, hogy milyen színűnek kell lennie ennek a szövegnek, könnyen kiemelkedik a környező szövegből, és vizuálisan jelzi, hogy a felhasználó esetleg el akarja oldani rajta, ami ezután kiváltja a CSS Hover effektusát.Ezt a hatást úgy adják hozzá, hogy egy „Hover ál-osztály” létrehozását hozzák létre a szöveg sorának címkéjéhez.A: Hover {…} ”-el a zárójelben szereplő CSS Hover -effektussal.Az előző példa felhasználásával, ha a kívánt hatás az volt, hogy aláhúzza a szöveget, amikor átadják, akkor a „Szöveg-decoráció: aláhúzás” című cikkben szerepelne.a zárójelben.Számos különféle hoverhatás létezik, amelyek létrehozhatók a különböző objektumokhoz, és mindegyiknek van egy speciális parancs a hatás létrehozásához, de a folyamat a legtöbb esetben hasonló.