Kako uporabiti lebdenje na samodejnem toku mreže v zadnjem vetru?

Ta članek bo ponazoril metodo za uporabo učinka lebdenja na pripomočku za samodejni pretok mreže v Tailwind CSS.

Kako uporabiti lebdenje na samodejnem toku mreže v zadnjem vetru?

Če želite uporabiti učinek lebdenja na samodejnem toku mreže v Tailwindu, naredite datoteko HTML in uporabite » lebdeti ' razred z ' grid-flow- ” v programu HTML. Spremeni postavitev elementov mreže, ko miško premaknete nadnje. Nazadnje si oglejte spletno stran HTML in premaknite miško na elemente mreže, da zagotovite spremembe.

Oglejte si podane korake za njegovo praktično izvedbo:

1. korak: Uporabite lastnost Hover z mrežo vrstic v programu HTML
Ustvarite program HTML in uporabite » lebdeti “ nepremičnina z želeno “ grid-flow- ” pripomoček. Na primer, uporabili smo ' hover:grid-flow-row ” za spreminjanje postavitve mrežnih elementov iz stolpca v vrstico ob premikanju miške:

Tukaj:

• “ mreža ” nastavi element kot vsebnik mreže.
• “ grid-flow-col ” definira tok postavk mreže v stolpcih.
• “ hover:grid-flow-row ” razred spremeni tok mrežnih elementov v vrstice, ko miško premaknete nad vsebnik.
• “ vrzel-3 ” doda vrzel 3 enot med elementi mreže.
• “ m-3 ” doda rob 3 enot okoli vsebnika mreže.
• “ besedilno središče ” poravna vsebino besedila znotraj elementov mreže na sredino.

2. korak: Preverite izhod
Če želite preveriti, ali je bil učinek lebdenja uporabljen na samodejnem toku mreže, si oglejte spletno stran in premaknite miško nad elemente mreže:

Opazimo lahko, da je na začetku potek mrežnih elementov v stolpcih in ko se z miško pomaknemo nad njih, se tok spremeni v vrstice. To pomeni, da je učinek lebdenja uspešno uporabljen za samodejni tok mreže.

Zaključek

Če želite uporabiti učinek lebdenja na samodejnem toku mreže v Tailwindu, uporabite » lebdeti »razred z želenim« grid-flow- ” v programu HTML. Spremeni postavitev elementov mreže, ko miško premaknete nadnje. Če želite zagotoviti spremembe, si oglejte spletno stran HTML in premaknite miško na elemente mreže. Ta članek je ponazoril metodo za uporabo učinka lebdenja na pripomočku za samodejni pretok mreže v Tailwind CSS.