HTML5 - pārejas

Pārejas pieder jaunai efektu sērijai, kas ir iekļauta HTML5 un to var pielāgot ar CSS3Iepriekš šāda veida efekti bija jāveic Javascript, izmantojot vienu no daudzajām pieejamajām bibliotēkām un ietvariem (Mootools, Jquery u.c.), taču, ieviešot jauno standartu, tika iekļauti šādi efekti, piemēram, pārejas, animācijas, pārvērtības …
Izmantojot pārejas
Pirms mēs redzam, kā izmantot pāreju, mums jāzina, kas tas ir. Mēs to zinām, piemērojot izmaiņas īpašumā : virziet kursoru novietojot peles kursoru virs elementa, tas uzreiz iegūst stilu, kas piešķirts, kad pele ir virs tā, pāreja ir nekas cits kā kontrole pār to, kā šīs izmaiņas tiks veiktas, tas ir, izmaiņu ilgums, ātrums kas tiks īstenots, lai panāktu tādu efektu kā sajaukums starp veco un jauno stāvokli.
Mēs varam rezumēt, ka pāreja ir pāreja no viena stāvokļa uz citu HTML dokumentā un visi rekvizīti, ar kuriem var veikt šīs izmaiņas, nākamajā attēlā mēs redzam sākotnējo stāvokli un beigu stāvokli, pāreja ir tā, kas notiek Starp abiem.
PALIELINĀT
Pārejas īpašības
Apskatīsim rekvizītus un atribūtus, ko varam izmantot pārejai:

• pārejas kavēšanās: Norāda aizkavi laika vienībā, pēc kuras iedarbināšanas programma tiks palaista.
• pārejas ilgums: Norāda laiku, kurā jānotiek pārejai.
• pārejas īpašums: Norāda, kuram īpašumam jāpiemēro pāreja.
• pārejas laika funkcija: Norāda veidu, kādā tiks apstrādātas starpposma vērtības pārejas laikā.
• pāreja: Tas ir īsceļš, ar kuru mēs varam izmantot visas pārejas īpašības vienā CSS deklarācijā. To var apkopot šādi: pāreja:

Mums tas jāuzsver pāreja-aizkavēšanās Y pārejas ilgums kā vērtības izmantojiet laika vienības, tāpēc tās jānorāda ar s sekundes vai jaunkundze mili sekundes.
Apskatīsim piemēru, kā veikt pāreju elementam HTML5, redzēsim šādu kodu:

 Piemērs
Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.

Kā redzam, mēs esam ieviesuši dažādas pārejas elementa īpašības, izmantojot prefiksu -tīmekļa komplekts, tas mums apliecina, ka pārlūkprogrammām tas tiks izpildīts Chrome Y Safari, lai tos īstenotu Firefox Y Opera mums ir jāiekļauj arī priedēkļi -moz un -o.
Mēs varam arī pamanīt, ka mēs iestatījām kavēšanās 100 ms, kas nozīmē, ka tam būs neliela aizkavēšanās pirms pārejas sākuma, tad visam efekta ilgumam vajadzētu ilgt 500 ms, kas ir noteikts ilgums.
Apskatīsim attēlu ar visām efekta fāzēm:
PALIELINĀT
Kā redzam, pāreja liek efektam piemērot pakāpeniski noteiktā laikā.
Ar to mēs pabeidzam apmācību par to, kā lietot pārejas efektu elementam HTML5, mums jāturpina praktizēt, līdz kļūst dabiski ievietot vajadzīgo kodu, lai mūsu dokumenti un lapas iegūtu lielāku dinamiku.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu