Die tydlyne of tydlyne is nog een van die ekstra elemente wat ons kan kry integreer in 'n webwerf om vordering of evolusie aan te toon in jare van 'n maatskappy of maatskappy. 'N Goed-visuele grafiese uitdrukking wat, as u weet hoe u dit elegant kan saamstel met tipografie en visuele elemente, die stappe wat 'n diens of produk neem, met verloop van tyd kan toon.
Hierdie 29 tydlyne wat u hieronder sal vind, is vanaf vertikale tydlyne soos die horisontale. U sal die beste vind wat by u pas, om dit op te spoor op 'n bladsy van die webwerf wat u vir 'n kliënt of vir uself ontwikkel. Ons gaan met 'n versameling baie interessante tydlyne wat baie visueel aangenaam is.
1 Tydlyn deur te blaai
2 Tydlyn in CSS
3 Responsiewe tydlynskuif
4 Gevorderde tydlyn
5 Tydlyn met vaste kop en Flexbox
6 Projek tydlyn
9 Vertikale tydlyn
10 Tydlyn in Flexbox
11 Tydlyn in DIV
12 Tydlyn in CSS en HTML
13 Tydlyn vir kommentaar en terugvoer
14 Tydlynoggend in HTML en CSS
16 Slegs tydlyn in CSS
17 Responsiewe tydlyn V3
18 Tydlyn geleë in kleur
19 Responsiewe geskiedenis tydlyn
21 Horisontale CSS- en HTML-tydlyn
22 Tydlyn CSS, HTML en slick.js
23 Tydlynvolgorde V1
24 Horisontale tydlyn HTML CSS
25 Tydlyn Codyhouse
26 Horisontale tydlyn
27 Naamlose tydlyn
29 Nog 'n horisontale tydlyn
Tydlyn deur te blaai
Tydlyn in CSS
Hierdie tydlyn gebruik CSS-kode om selfs in sommige van sy eiendomme behoorlik te kan instel. Dit hoef nie te blaai nie soos die vorige, maar dit word gekenmerk deur 'n reeks vierkante en 'n blou kleur om dit nog 'n baie elegante aanslag te gee en toe te voeg tot die lys tydlyne in hierdie publikasie.
Tydlyn met vaste kop en Flexbox
HTML- en CSS-kode vir 'n vaste kopstuk wat dit bly vas op die oomblik dat ons blaai in die bladsy. Van groot subtiliteit om 'n tydlyn van groot belang te wees vir enige huidige ontwikkelaar wat deur die huidige webontwerpstandaarde uitgelig wil word.
Hierdie tydlyn gebruik CSS en HTML om 'n belangrike tydlyn aan te bied om voor te gebruik daardie spesifieke tydperk vir 'n projek. Terwyl ons blaai, gaan dit deur die dae van die week, dus is dit ideaal om dit te implementeer vir samewerkingsinstrumente wat die maatskappy self vervaardig.
Hyperloopu is 'n tydlyn wat staan ​​eerder uit vir die ontwerp wat gebruik word en vir niks anders geprogrammeer as in HTML en CSS nie. Dit word gekenmerk deur die gebruik van verskillende groottes in die lettertipe van die teks met 'n vertikale lyn en 'n reeks vakkies wat elke belangrike oomblik van die tydlyn aandui.
N interval tydlyn wat distansieer hom van die res deur sy visuele aanraking. Dit het 'n baie onlangse agtergrond in die ontwerp en 'n reeks bokse wat elk van hierdie intervalle aandui. Geprogrammeer in CSS en HTML.
Tydlyn in Flexbox
Een van die beste voltooide tydlyne en dit is gebaseer op kaarte om al die inligting wat ons benodig vir daardie tydsinterval in te sluit. Dit is ook ontwikkel in HTML en CSS en moet in ag geneem word dat alle kaarte dieselfde hoogte en breedte moet hê om die ruimte vir groter skerms te bereken.
Tydlyn in DIV
Dit is 'n minimalistiese tydlyn in ontwerp slegs ontwikkel in HTML en CSS, so die implementering daarvan kan baie vinnig wees. Dit is uiters geskik om 'n tydlyn in 'n inligtingsmedium uit te druk vanweë sy monochroom-afwerking.
Tydlyn in CSS en HTML
U kan plaas Beelde van 400 × 300 grootte in hierdie tydlyn onderskei deur die groen kleur van die lyne en die teks van die datums en dae. Dit het geen animasies nie en word eerder gekenmerk deur sy eenvoudige ontwerp op alle vlakke.
Tydlyn vir kommentaar en terugvoer
'N Tydlyn wat baie anders is as die ander om toe te laat sit kaarte saam met gebruikers se foto's, of ten minste is dit eers die bedoeling. Met 'n uitstekende visuele styl gebruik die kaarte skaduwee vir 'n taamlike plat tydlyn sonder animasies.
Tydlynoggend in HTML en CSS
'N Perfekte tydlyn om reageer daarop dit word gekenmerk deur HTML, CSS en bied 'n redelike eenvoudige, maar baie mobiele tydlyn.
Hierdie kode in HTML en CSS werk perfek vir bied die werksdag aan van 'n oefensessie. Dit is reageerbaar met 'n kopopskrif en 'n reeks knoppies wat dit op 'n baie duidelike en skoon manier in die visuele aspek wys.
Slegs tydlyn in CSS
Hierdie tydlyn word gekenmerk deur in CSS te wees en deur 'n goed gekose kleurreeks: rooi en groen. Groen om die hele bladsy volledig te bedek, wit vir teks en skeidslyne, en rooi om die tydsinterval waarin ons is, te onderskei. Ons kan op elke interval klik om dit te plaas met 'n blokkie wat dit omring en dit uitlig.
Responsiewe tydlyn V3
Tydlyn geleë in kleur
Responsiewe geskiedenis tydlyn
Horisontale CSS- en HTML-tydlyn
Gemaak deur hom bekende Envato Tuts +word 'n horisontale tydlyn aangebied met 'n reeks skoon en basiese kaarte in ontwerp. Vlak kleure en 'n horisontale lyn met 'n reeks rooi kolletjies wat elke interval met mekaar verbind.
Tydlyn CSS, HTML en slick.js
Pasteltone in die ontwerp vir 'n tydlyn wat staan ​​uit vir die aanbieding van elk van die beelde wat elke tydsinterval toon. Dit is die oorgang tussen elk van die beelde en intervalle wat hierdie tydlyn opval.
'N Tydlyn waarvoor uitstaan knoppies op elke vertikale lyn van elke interval om 'n agtergrondbeeld op die volle skerm te koppel elke keer as ons een druk.
Horisontale tydlyn HTML CSS
U sal nêrens op hierdie tydlyn kan kliek wat deur a gemerk word nie pragtige ontwerp deur die wyse keuse van kleurpalet en 'n reeks toebroodjies vir elk van die tydlyne. Daar is geen animasies nie, maar visueel is dit baie aangenaam vir die oog.
Die enigste swart tydlyn van die onderste lys. Dan gebruik hy verskillende kleure om elke jaar en die teks te onderskei terselfdertyd as die perke daarvan. Dit het 'n prominente animasie om tussen elk van die tekste deur te gaan.
Hierdie tydlyn stel die aksent op die kleur groen om heeltemal staties te wees.
Nog 'n horisontale tydlyn
Dit kan plaas 'n beeld naby die volle skerm vir 'n tydlyn wat uitstaan ​​vir die gebruik van blou en grys, plus 'n reeks sirkels wat elke jaar verteenwoordig.
Moet nie misloop nie nog 'n reeks menu's in CSS en HTML.