Šajā ziņojumā ir izskaidrota metode, kā iestatīt pāreju, izmantojot CSS. displejs ' un ' necaurredzamība ” Īpašības.
Kā pāriet CSS “displeja” un “necaurredzamības” rekvizītus?
Lai pārietu uz CSS “ displejs ' un ' necaurredzamība ' rekvizītus, vispirms izveidojiet div konteineru ar ' Sākotnēji izveidojiet div konteineru, izmantojot ' Pēc tam piekļūstiet div konteineram, izmantojot klases nosaukumu ' galvenais vienums un iestatiet displejs ” īpašums: Šeit vērtība “ displejs ' rekvizīts ir iestatīts kā ' bloķēt ” lai aizņemtu visu ekrāna platumu. Pēc tam izmantojiet tālāk norādītos CSS rekvizītus atvērtajā div konteinerā. Iepriekš norādītajā koda fragmentā: Izvade Tagad piekļūstiet div konteineram pa ' :virziet kursoru ” pseido selektors, kas tiek izmantots elementu atlasei, kad novietojam peles kursoru virs tiem: Pēc tam iestatiet “ necaurredzamība ' no atlasītā elementa kā ' 1 ”, lai noņemtu caurspīdīgumu. Izvade Tas viss attiecas uz pārejas CSS “displeja” un “necaurredzamības” rekvizītu iestatīšanu. Lai iestatītu pārejas rekvizītus “displejs” un “necaurredzamība”, vispirms izveidojiet div konteineru, izmantojot elementu
1. darbība. Izveidojiet “div” konteineru
2. darbība: iestatiet “displeja” rekvizītu
.galvenais vienums {
displejs : bloķēt ;
}
3. darbība. Pievienojiet fona attēlu
augstums : 400 pikseļi ;
platums : 400 pikseļi ;
fona attēls : url ( pavasara-ziedi.jpg ) ;
necaurredzamība : 0.1 ;
pāreja : necaurredzamība 2s vieglums iekšā-out ;
starpība : 30 pikseļi 50 pikseļi ;
}
4. darbība. Lietojiet pseido atlasītāju “:hover”.
necaurredzamība : 1 ;
}
Secinājums