Ez a bejegyzés bemutatja az átmenet beállításának módját a CSS segítségével ' kijelző ” és „ átlátszatlanság ” Tulajdonságok.
Hogyan lehet átállítani a CSS „megjelenítési” és „átlátszatlansági” tulajdonságait?
CSS átálláshoz ' kijelző ” és „ átlátszatlanság ” tulajdonságokkal, először hozzon létre egy div tárolót a „ Kezdetben hozzon létre egy div tárolót a ' Ezután nyissa meg a div tárolót az osztálynév használatával fő-tétel ” és állítsa be a „ kijelző ' ingatlan: Itt az értéke a „ kijelző ' tulajdonság a következőre van állítva: ' Blokk ” a képernyő teljes szélességének felvételéhez. Ezután alkalmazza a következő CSS-tulajdonságokat az elért div tárolón: A fent említett kódrészletben: Kimenet Most nyissa meg a div tárolót a „ :lebeg ” pszeudo választó, amely az elemek kijelölésére szolgál, amikor az egeret rájuk viszjük: Ezután állítsa be a „ átlátszatlanság ' a kiválasztott elemből mint ' 1 ” az átlátszóság eltávolításához. Kimenet Ez minden az átmeneti CSS „megjelenítés” és „átlátszatlanság” tulajdonságainak beállításáról szól. Az átmenet „megjelenítés” és „átlátszatlanság” tulajdonságainak beállításához először hozzon létre egy div tárolót a
1. lépés: Hozzon létre egy „div” tárolót
2. lépés: Állítsa be a „megjelenítés” tulajdonságot
.fő-tétel {
kijelző : Blokk ;
}
3. lépés: Háttérkép hozzáadása
magasság : 400 képpont ;
szélesség : 400 képpont ;
háttérkép : url ( tavaszi-virágok.jpg ) ;
átlátszatlanság : 0.1 ;
átmenet : átlátszatlanság 2s könnyedség be-ki ;
árrés : 30 képpont 50 képpont ;
}
4. lépés: Alkalmazza a „:hover” pszeudoválasztót
átlátszatlanság : 1 ;
}
Következtetés