Afatet kohore ose afatet kohore janë një tjetër nga elementët shtesë që mundemi integrohen në një faqe në internet për të treguar përparimin ose evolucionin në vitet e një kompanie ose kompanie. Një shprehje grafike vizuale që, duke ditur ta kompozosh me elegancë me një tip shkrimi dhe elemente vizualë, mund të tregojë hapat e ndërmarrë nga një shërbim ose produkt me kalimin e kohës.
Këto 29 afate kohore që do të gjeni më poshtë janë nga afatet kohore vertikale siç do të ishin horizontalet. Do të gjeni më të mirën që i përshtatet nevojave tuaja për ta lokalizuar në një faqe të faqes në internet që po krijoni për një klient ose për veten tuaj. Ne po shkojmë me një koleksion të afateve kohore shumë interesante që janë shumë të këndshme nga ana vizuale.
Afati kohor duke lëvizur
Një kronologji që është në HTML, CSS dhe kodin JavaScript për të pozicionuar me hijeshi veten si një minimalist i mire që vë theksin në të kuqe për listën e viteve në anën e majtë dhe në të zezë për llojin dhe H2s. Gjëja më e mirë për këtë kronologji është që ndërsa lëvizni nëpër faqe, ndryshimi i vitit do të bëhet automatikisht. Përfundim, dizajn dhe rezultat i shkëlqyeshëm.
Afati kohor në CSS
Ky kronologji përdor kodin CSS që madje të jetë në gjendje të konfigurohet siç duhet në disa nga vetitë e tij. Nuk ka lëvizje si ai i mëparshmi, por karakterizohet nga një seri kutish dhe një ngjyrë blu për t'i dhënë asaj një tjetër prekje shumë elegante dhe për t'u bashkuar me listën e afateve kohore në këtë botim.
Slider i përgjegjshëm i kronologjisë
Kjo kronologji është bërë me bibliotekën Swiper JS për të përfshirë HTML, CSS dhe kodin JavaScript. Nuk ka lëvizje ndërsa përparojmë nëpër faqen e internetit, por ka i vendos vitet në anën e djathtë dhe një buton me të cilin mund të shkojmë te tjetri, përveç që mund të përdorim treguesin e miut për të shkuar në një vit specifik. Animacion i shkëlqyeshëm në secilën prej tranzicioneve.
Afati i përparuar kohor
Ky afat kohor dallon për përdorimin e HTML, CSS dhe JavaScript, përveç shko në monokolor, pikërisht në tonet e kuqe. Karakterizohet gjithashtu nga përdorimi i një butoni që ju lejon të lëvizni përpara ose prapa në kronologjinë e shënuar nga ky kod rezultati i shkëlqyeshëm për të qenë mjaft minimalist.
Afati kohor me kokë fikse dhe Flexbox
Kodi HTML dhe CSS për një kokë fikse që do të qëndrojë e fiksuar në momentin kur bëjmë lëvizjen në faqe. Me hollësi të madhe të jetë një kronologji me interes të madh për çdo zhvillues aktual që dëshiron të dallohet nga standardet aktuale të dizajnit të uebit.
Afati kohor i projektit
Ky kronologji përdor CSS dhe HTML për të paraqitur një kronologji të rëndësishme për t'u përdorur atë periudhë specifike kohore për një projekt. Ndërsa ne lëvizim, ai kalon gjatë ditëve të javës, kështu që është e përsosur ta zbatojmë atë për mjetet bashkëpunuese të bëra nga vetë kompania.
Timeline
Një kronologji në HTML, CSS dhe JavaScript që dallon nga pjesa tjetër për temën vizuale. Dhe është që ndërsa lëvizim nëpër kronologjinë vertikale, sa herë që gjejmë një fotografi të re në kronologji, ajo do të bëhet imazhi i sfondit të faqes në internet ku kemi vendosur këtë kod.
Hyperloop
Hyperloopu është një afat kohor që përkundrazi shquhet për dizajnin e përdorur dhe për tu programuar asgjë më shumë sesa në HTML dhe CSS. Karakterizohet nga përdorimi i madhësive të ndryshme në fontin e tekstit me një vijë vertikale dhe një seri kutish që shënojnë secilin moment të rëndësishëm të kronologjisë.
Afati vertikal
Një interval kohor që distancohet nga pjesa tjetër me prekjen e tij vizuale. Ka një sfond gradient aktual në dizajn dhe një seri kutish që shënojnë secilën nga këto intervale. Programuar në CSS dhe HTML.
Afati kohor në Flexbox
Një nga afatet kohore më të mira të përfunduara dhe kjo bazohet në karta për të përfshirë të gjithë informacionin që na nevojitet për atë interval kohor. E zhvilluar gjithashtu në HTML dhe CSS, duhet të merret parasysh që të gjitha kartat duhet të kenë të njëjtën lartësi dhe gjerësi për të llogaritur hapësirën për ekranet më të mëdha.
Afati kohor në DIV
Një afat kohor minimalist në dizajn dhe ai ka qenë zhvilluar vetëm në HTML dhe CSS, kështu që zbatimi i tij mund të jetë shumë i shpejtë. Perfectlyshtë krejtësisht i përshtatshëm për të shprehur një kronologji në një medium informacioni për shkak të përfundimit të tij njëngjyrësh.
Afati kohor në CSS dhe HTML
Ju mund të vendosni Imazhe me madhësi 400 × 300 në këtë kronologji dallohet nga ngjyra jeshile e rreshtave dhe teksti i datave dhe ditëve. Ajo nuk ka animacione dhe karakterizohet më tepër nga dizajni i saj i thjeshtë në të gjitha nivelet.
Afatet kohore të komenteve dhe reagimeve
Një afat kohor shumë i ndryshëm nga të tjerët për lejimin vendosni karta me fotot e përdoruesve, ose të paktën ky është qëllimi në fillim. Me stil të shkëlqyeshëm vizual, kartat përdorin mbrojtje nga drita për një afat kohor mjaft të sheshtë pa animacione.
Koha në mëngjes në HTML dhe CSS
Një kronologji perfekte për të përgjegjshme atë karakterizohet nga të qenit HTML, CSS dhe ofroni një kronologji mjaft të thjeshtë, por shumë të lëvizshme.
Ndërfaqja e kronologjisë
Ky kod në HTML dhe CSS funksionon në mënyrë perfekte paraqitni ditën e punës të një stërvitje. Responsshtë i përgjegjshëm me një imazh të kokës dhe një seri butonash që e tregojnë atë në një mënyrë shumë të qartë dhe të pastër në aspektin vizual.
Afati kohor vetëm në CSS
Ky afat kohor karakterizohet nga të qenit në CSS dhe nga a seri e ngjyrave të zgjedhura mirë: e kuqe dhe jeshile. E gjelbër për të mbuluar të gjithë faqen plotësisht, e bardhë për tekstin dhe linjat ndarëse, dhe e kuqe për të dalluar intervalin kohor në të cilin jemi. Mund të klikojmë në secilin interval për ta vendosur me një kuti që e rrethon dhe e thekson.
Afati kohor i përgjegjshëm V3
E para nga afatet kohore horizontale në listë në HTML, CSS dhe JavaScript. Vizualisht shquhet për përdorimi i ngjyrave të zeza dhe gri për të vendosur një vijë horizontale me një seri pikash. Çdo interval theksohet me peshë më të madhe në burim dhe në përmbajtjen e tekstit.
Afati kohor i vendosur me ngjyra
Një nga afatet kohore horizontale cilësia më e lartë vizuale në listë. Një kronologji mirë interaktive me animacione shumë delikate dhe të prezantuara mirë për të ofruar një përvojë të shkëlqyeshme të përdoruesit sa herë që shtypet një nga intervalet kohore. Madeshtë bërë me HTML CSS / Sass dhe JavaScript / TypeScript (jquery.js).
Afati kohor i historisë së përgjegjshme
Një afat kohor perfekt për tregojnë ngjarjet e ndryshme në imazhe të një kohe të caktuar në histori. Horizontalshtë horizontale dhe e përgjegjshme që është zhvilluar në HTML, CSS dhe JavaScript.
Afati kohor i grupit
Ky afat kohor dallohet për një tranzicion të mirë kryhet me një animacion horizontal. Me ngjyra të shkëlqyera dhe një dizajn të hollë për të nxjerrë në pah secilin prej intervaleve kohore. Inshtë në HTML, CSS dhe JavaScript të paraqesë një seri kartash të mbivendosura në një imazh përfaqësues të sfondit.
Afati kohor horizontal i CSS dhe HTML
Bërë nga ai i njohur Envato Tuts +, ne jemi paraqitur me një kronologji horizontale me një seri kartash të pastra dhe themelore në dizajn. Ngjyra të sheshta dhe një vijë horizontale me një seri të pikave të kuqe që ndërthur çdo interval.
Timeline CSS, HTML dhe slick.js
Tonet pastel në dizajn për një kronologji që shquhet për prezantimin e secilës prej imazheve duke treguar çdo interval kohor. Theshtë kalimi midis secilës prej imazheve dhe intervaleve që e bën këtë kronologji të dallohet.
Sekuenca kohore V1
Një afat kohor për të cilin dallohet butonat në secilën vijë vertikale të secilit interval për të lidhur një imazh sfond me ekran të plotë sa herë që shtypim një.
Kronologjia horizontale HTML CSS
Ju nuk do të jeni në gjendje të klikoni askund në këtë kronologji që nënvizohet nga një dizajn i hollë nga zgjedhja e mençur e paletës së ngjyrave dhe një seri sanduiçësh për secilën nga afatet kohore. Nuk ka animacione, por vizualisht është shumë e këndshme për syrin.
Afati kohor i Codyhouse
Ky afat kohor prezantuar nga Codyhouse eshte nje ngjyre e vetme në dizajn dhe është zhvilluar në HTML, CSS dhe JavaScript. Ajo paraqet një vijë minimaliste me një seri pikash si intervale që duhet të klikohen dhe të shkaktojnë animacionin horizontal prej më pak se gjysmë sekonde. E thjeshtë, por e fuqishme.
Afati kohor horizontal
Një tjetër kronologji e bërë në HTML, CSS dhe JavaScript. Karakterizohet nga ngjyra e vetme, ai përmban një dizajn elegant me një ngjyrë të gjelbër për të vendosur dantella në secilën nga pikat që përfaqësojnë intervalet kohore. Sa herë që shtypim një, fillon një animacion anësor shumë i qetë.
Afati kohor i paemëruar
Afati i vetëm kohor i zi nga lista e poshtme. Pastaj ai përdor ngjyra të ndryshme për të diferencuar çdo vit dhe tekstin në të njëjtën kohë me kufijtë e saj. Ka një animacion të jashtëzakonshëm për të kaluar midis secilit prej teksteve.
Afati kohor
Kjo kronologji vë theks në ngjyrën e gjelbër të jetë plotësisht statike.
Një tjetër kronologji horizontale
Ajo mund vendosni një imazh pranë ekranit të plotë për një kronologji që dallon për përdorimin e ngjyrës blu dhe gri plus një seri rrathësh që përfaqësojnë çdo vit.
Mos humbasë një seri tjetër menush në CSS dhe HTML.