Ajajooned on veel Ć¼ks lisaelement, mida saab veebisaidile integreerida, et nƤidata ettevƵtte vƵi ettevƵtte edusamme vƵi arengut aastate jooksul. See visuaalselt atraktiivne graafika, mis on elegantselt koostatud tĆ¼pograafia ja muude visuaalsete elementidega, saab illustreerida teenuse vƵi toote samme aja jooksul.
Need 29 ajajoont, mille leiate altpoolt, ulatuvad vertikaalsest horisontaalseni. Kindlasti leiate endale sobivaima ja saate selle kliendile vƵi endale loodava veebisaidi lehele paigutada. Siin on kollektsioon vƤga huvitavatest ja visuaalselt atraktiivsetest ajajoontest.
Ajaskaala kerides
HTML-i, CSS-i ja JavaScripti abil loodud ajajoon, mis on elegantselt esitatud minimalistliku kujundusena , kus vasakul on punane aastaloend ning mustad tĆ¼pograafia ja H2 pealkirjad. Parim osa on see, et aasta uuendub automaatselt lehte alla kerides. SuurepƤrane viimistlus, disain ja tulemused.
Ajaskaala CSS-is
See ajajoon kasutab CSS-koodi, mis vƵimaldab mƵningaid selle omadusi kohandada. Erinevalt eelmisest pole sellel kerimist , kuid sellel on elegantse ilme andmiseks ja selle vƤljaande ajajoonte loendisse lisamiseks mitu kasti ja sinine vƤrv.
Reageeriv ajaskaala liugur
See ajajoon loodi Swiper JS teeki abil, mis Ć¼hendab HTML-i, CSS-i ja JavaScripti koodi. Veebilehel navigeerimisel see ei keri, kuid kuvab paremal kĆ¼ljel aastaid ja sisaldab nuppu jƤrgmise aasta juurde liikumiseks. Konkreetsele aastale liikumiseks saab kasutada ka hiirekursorit. Iga Ć¼lemineku animatsioon on suurepƤrane.
TƤpsem ajaskaala
See ajajoon paistab silma HTML-i, CSS-i ja JavaScripti kasutamise ning mustvalge kujunduse , tƤpsemalt punaste toonide poolest. Samuti on sellel nupp, mis vƵimaldab kasutajatel ajajoonel edasi vƵi tagasi liikuda, mille tulemuseks on vƤga tƵhus ja minimalistlik disain.
Fikseeritud pƤise ja Flexboxiga ajaskaala
HTML- ja CSS-kood fikseeritud pƤise jaoks, mis jƤƤb paigale ka lehe allapoole kerides. See on mƤrkimisvƤƤrselt peen ja vƤƤrtuslik funktsioon igale tƤnapƤevasele veebiarendajale, kes soovib silma paista, jƤrgides uusimaid veebidisaini standardeid.
Projekti ajaskaala
See ajajoon kasutab CSS-i ja HTML-i, et esitada konkreetse projektiperioodi pƵhisĆ¼ndmuste ajajoon . Kerides liigub see nƤdalapƤevade kaupa edasi, mistƵttu sobib see ideaalselt ettevƵtte enda vƤljatƶƶtatud koostƶƶvahendites kasutamiseks.
Timeline
HTML-i, CSS-i ja JavaScripti abil loodud ajajoon , mis eristub teistest oma visuaalse disaini poolest. Vertikaalsel ajajoonel kerides muutub iga uus foto automaatselt selle veebilehe taustapildiks, kus see kood asub.
Hyperloop
Hyperloopu on ajajoon, mis paistab silma eelkƵige oma disaini ja selle poolest, et see on tƤielikult programmeeritud HTML-is ja CSS-is. Seda iseloomustavad erinevate kirjasuuruste, vertikaalse joone ja iga olulist hetke ajajoonel tƤhistavate kastide kasutamine.
Vertikaalne ajaskaala
Intervallideks jagatud ajajoon, mis eristub teistest oma visuaalse stiili poolest . Sellel on moodne gradienttaust ja iga intervalli tƤhistavad kastid. See programmeeriti CSS-i ja HTML-i abil.
Ajaskaala Flexboxis
Ćks lihvitumaid ajajooni, mis kasutab kaarte kogu antud ajaperioodi kohta vajaliku teabe lisamiseks. Samuti HTML-is ja CSS-is vƤlja tƶƶtatud ajajoonte puhul on oluline mƤrkida, et kƵigil kaartidel peab olema sama kƵrgus ja laius, et tagada Ƶige kuvamine suurematel ekraanidel.
Ajaskaala DIV-is
Minimalistlik ajajoone disain, mis on loodud ainult HTML-is ja CSS-is , mistƵttu on see kiirelt rakendatav. Selle mustvalge viimistlus sobib ideaalselt ajajoone esitamiseks uudistevƤljaandes.
Ajaskaala CSS-is ja HTML-is
Sellele ajajoonele, mida eristavad joonte roheline vƤrv ja kuupƤevade ning pƤevade tekst, saab paigutada 400x300 pilte . Sellel pole animatsioone ja seda iseloomustab lihtne disain kƵigil tasanditel.
Kommentaarid ja tagasiside ajaskaala
See ajajoon erineb teistest Ć¼sna palju, kuna see vƵimaldab kasutajatel lisada kaarte oma fotodega vƵi vƤhemalt on see esialgne eesmƤrk. Tugeva visuaalse stiiliga kaardid kasutavad varjutust, et ajajoon oleks muidu Ć¼sna tasane ja animatsioonideta.
Ajaskaala hommik HTML- ja CSS-vormingus
Ideaalne ajajoon responsiivse disaini jaoks, mida iseloomustavad HTML, CSS ja Ć¼sna lihtne, kuid vƤga mobiilisƵbralik ajajoon.
Ajaskaala kasutajaliides
See HTML- ja CSS-kood sobib ideaalselt koolituse tƶƶgraafiku esitamiseks . See on responsiivne, pƤisepildi ja nuppude seeriaga, mis kuvavad teavet vƤga selgel ja visuaalselt puhtal viisil.
Ajaskaala ainult CSS-is
Seda ajajoont iseloomustab CSS-disain ja hƤsti valitud vƤrviskeem: punane ja roheline . Roheline katab kogu lehe, valge on teksti ja eraldajate jaoks ning punane eristab praegust ajaintervalli. Iga intervalli klƵpsamine tƵstab selle Ć¼mber oleva kastiga esile.
Reageeriv ajaskaala V3
Esimene loendis olev horisontaalne ajajoon, mis on loodud HTML-i, CSS-i ja JavaScripti abil. See paistab visuaalselt silma musta ja halli vƤrvi kasutamisega horisontaalse joone loomiseks punktide jadana. Iga intervall on esile tƵstetud suurenenud fondi kaalu ja tekstisisuga.
Ajaskaala pesitses vƤrviliselt
Ćks kvaliteetsemaid horisontaalseid ajajooni nimekirjas . VƤga interaktiivne ajajoon peente ja hƤsti esitletud animatsioonidega, mis pakuvad suurepƤrast kasutuskogemust iga kord, kui ajavahemikule klƵpsatakse. See on loodud HTML-i, CSS/Sass-i ja JavaScripti/TypeScripti (jquery.js) abil.
Reageeriv ajaloo ajaskaala
Ideaalne ajajoon ajaloolise perioodi erinevate sĆ¼ndmuste visuaalseks kuvamiseks . See on horisontaalne ja responsiivne, olles loodud HTML-is, CSS-is ja JavaScriptis.
Grupi ajaskaala
See ajajoon paistab silma hƤsti teostatud horisontaalse animatsiooniĆ¼lemineku poolest . Sellel on erksad vƤrvid ja peen disain, mis tƵstab esile iga ajavahemiku. HTML-i, CSS-i ja JavaScripti abil loodud ajajoon esitab kaartide seeriat, mis on asetatud representatiivsele taustapildile.
Horisontaalne CSS ja HTML ajaskaala
Selle ajajoone, mille on loonud tuntud Envato Tuts+ , iseloomustab horisontaalne paigutus puhaste ja lihtsate kaartidega. See kasutab Ć¼hevƤrvilisi vƤrve ja horisontaalset joont, millel on iga intervalli tƤhistav punaste punktide seeria.
Ajaskaala CSS, HTML ja slick.js
Pastelltoonid ajajoone kujunduses, mis paistab silma iga pildi esitlemise poolest, esindades iga ajaintervalli. Just iga pildi ja intervalli vaheline Ć¼leminek muudab selle ajajoone tƵeliselt tƤhelepanuvƤƤrseks.
Ajaskaala jƤrjestus V1
Ajajoon, mis paistab silma iga intervalli iga vertikaalse joone nuppude poolest, et iga kord, kui Ć¼hte vajutame, lingida tƤisekraani taustapilt.
Horisontaalne ajaskaala HTML CSS
Sellel ajajoonel, mis paistab silma oma peene kujunduse, lƤbimƵeldud vƤrvipaleti valiku ja iga ajajoone jaoks mƵeldud jutumullide poolest, ei saa te klƵpsata . Animatsioone pole, aga visuaalselt on see vƤga meeldiv.
Ajaskaala Codyhouse
See Codyhouse'i esitatud ajajoon on mustvalge ning loodud HTML-i, CSS-i ja JavaScripti abil. See kujutab minimalistlikku joont punktide jadaga, mis toimivad intervallidena, kƤivitades klƵpsamisel alla poole sekundi pikkuse horisontaalse animatsiooni. Lihtne, kuid vƤga tƵhus.
Horisontaalne ajaskaala
Veel Ć¼ks ajajoon, mis on loodud HTML-i, CSS-i ja JavaScripti abil. Seda iseloomustab mustvalge disain ja elegantne paigutus, kus iga ajaintervalli tƤhistav punkt on rohelise varjundiga esile tƵstetud. Iga kord, kui punktile klƵpsatakse, algab sujuv kĆ¼lgkerimise animatsioon.
Nimetu ajaskaala
Loendis on ainult must ajajoon. SeejƤrel kasutatakse iga aasta ja teksti ning selle piiride eristamiseks erinevaid vƤrve. Iga tekstikirje vahel toimub silmapaistev animatsioon.
Ajaskaala
See ajajoon rƵhutab rohelise vƤrvi tƤiesti staatilisust.
Teine horisontaalne ajaskaala
Saate paigutada peaaegu tƤisekraani pildi ajajoonele, mis paistab silma siniste ja hallide toonide ning iga aastat tƤhistavate ringide poolest.
Ćra jƤta vahele jƤrjekordset CSS-i ja HTML-i menĆ¼Ć¼de sarja.