HTML5 - teksto transformacija

Yra dvi ypatybės, leidžiančios keisti ir modifikuoti dokumentų tekstą HTML5, Šitie yra teksto dekoravimas Y teksto transformavimas, tai leidžia jiems suteikti išorinius arba plokščius stilius norimam tekstui modifikuoti.
Taikant stilius.
Pažiūrėkime, ką reiškia kiekviena iš šių savybių ir kaip jas galima pritaikyti:

• teksto dekoravimas: Taikykite dekoraciją teksto blokui, jo galimos savybės yra: nėra, pabraukta, perbraukta, perbraukta, mirksi.

• teksto keitimas: Taikykite transformaciją teksto blokui, jo galimos savybės yra: nėra, didžiosios, didžiosios, mažosios.

Panagrinėkime šį pavyzdį, kai taikome abi savybes, kad sukurtume efektą tekste, viską paversime didžiosiomis raidėmis ir papildomai įdėsime eilutę į vidurį, kad pasiektume perbraukimo efektą:

 Pavyzdys
Yra daug įvairių vaisių - vien tik bananų yra daugiau nei 500 veislių. Kai pridėsime daugybę obuolių, apelsinų ir kitų gerai žinomų vaisių rūšių, susidursime su tūkstančiais pasirinkimų. Vienas iš įdomiausių vaisių aspektų yra kiekvienoje šalyje prieinama įvairovė. Aš gyvenu netoli Londono, rajone, kuris yra žinomas dėl savo obuolių.

Dabar pažiūrėkime, ką mums rodo naršyklė, jei pastebime kodą, kurį žinome, kad mūsų tekstas yra didžiųjų ir mažųjų raidžių derinys, o rezultatas skiriasi teksto transformavimas.

Šis efektas yra gana populiarus, nes, sudarydami gerą derinį, galime pasiekti gilumo jausmą teksto šešėlis, kuris nieko daugiau nepadaro, tik prideda šešėlį prie teksto bloko, o jo savybės yra: ,,,, jie veikia taip pat, kaip ir HTML elementų šešėliai.
Atminkite, kad savybės „h-shadow“ tinka horizontaliam šešėliui, „v-shadow“-vertikaliam, o neryškumas suteikia mums šešėlio ir spalvos sklaidą, kad būtų pasiekti jo spalvų efektai.
Be jokių papildomų veiksmų pereikime prie pavyzdžio naudodami šias parinktis:

 Pavyzdys
Yra daug įvairių vaisių - vien tik bananų yra daugiau nei 500 veislių. Kai pridėsime daugybę obuolių, apelsinų ir kitų gerai žinomų vaisių rūšių, susidursime su tūkstančiais pasirinkimų.

Šis kodas suteikia mums šiuos rezultatus naršyklėje:

Kaip pastebėjome, mes galėjome sukurti dviejų tipų šešėlius skirtingiems tekstams, tik pakeisdami atributo savybes teksto šešėlis.
Baigę pamoką, dabar galime keisti savo tekstą, galime pasiekti daugybę derinių, kad mūsų puslapiai atgytų ir tokiu būdu pasiektų turtingus tekstus, kaip visada turėtume praktikuoti, kol nebereikės matyti vadovas, kaip panaudoti tai, ką šiandien išmokome.