Овај чланак ће показати процедуру за примену лебдења са украсом кутије у Таилвинд-у.
Како применити лебдење на прелому декорације кутије у Таилвинд-у?
ЦСС својство „бок-децоратион-бреак“ одређује приказивање позадине, ивице и допуна за елемент када се протеже кроз више линија или колона. Да бисте применили ефекат лебдења на елементе прелома декорације кутије, потребно је да користите „ лебдети ” својство и примени било који ефекат на елементе.
Погледајте доле наведене кораке за практичну демонстрацију:
Корак 1: Користите својство лебдења на прелому декорације кутије у ХТМЛ програму
Креирајте ХТМЛ програм и користите било које својство лебдења на елементима прелома декорације кутије. На пример, применили смо „ ховер:бок-децоратион-цлоне ” својство на елементу „бок децоратион-слице” и „ ховер:тект-иеллов-500 ” својство на елементу „бок-децоратион-цлоне”:
< тело >
< спан класа = 'бок-децоратион-слице ховер:бок-децоратион-цлоне бг-теал-600 тект-вхите тект-3кл пк-2' >
Линук < бр / >
Наговестити
< / спан >
< бр >
< бр >
< спан класа = 'бок-децоратион-цлоне ховер:тект-иеллов-500 бг-теал-600 тект-вхите тект-3кл пк-2' >
Линук < бр / >
Наговестити
< / спан >
< / тело >
овде:
- „ ховер:бок-децоратион-цлоне ” примењује ефекат „бок-децоратион-цлоне” када се лебди изнад елемента „бок децоратион-слице”.
- „ ховер:тект-иеллов-500 ” мења боју текста у жуту када се пређе мишем изнад елемента „бок-децоратион-цлоне”.
Корак 2: Проверите излаз
Покрените ХТМЛ програм да бисте проверили излаз:
Горњи излаз показује да је ефекат лебдења примењен на елементе према којима је специфициран.
Закључак
Таилвинд ЦСС нуди колекцију услужних класа за примену ефеката лебдења на било који елемент. Да бисте применили лебдећи мишем на елементе прекида декорације кутије, користите „ лебдети ” и наведите ефекат у ХТМЛ програму. Корисници могу да промене боју позадине, боју текста и боју оквира или да додају сенку елементу када лебде. Овај чланак је објаснио процедуру за примену лебдења са украсом кутије у Таилвинд-у.