29 babban tsarin lokaci a cikin CSS kuma tare da ɗan Javascript

Gungura lokacin aiki

Lokaci ko lokaci shine ɗayan ƙarin abubuwan da zamu iya hade cikin gidan yanar gizo don nuna ci gaba ko juyin halitta a shekarun kamfani ko kamfani. Maganar hoto mai gani sosai cewa sanin yadda za'a tsara shi da kyau tare da rubutu da abubuwan gani, na iya nuna matakan da sabis ko samfura suka ɗauka akan lokaci.

Wadannan jerin lokutan 29 wadanda zaka samu a kasa sune daga lokaci mai tsawo kamar yadda zai zama natsuwa. Za ku sami mafi kyawun abin da ya dace da bukatunku don gano shi a shafin yanar gizon da kuke haɓaka don abokin ciniki ko don kanku. Muna zuwa tare da tarin lokuta masu ban sha'awa waɗanda ke da kyan gani sosai.

Lokaci ta gungurawa

Gungura lokacin aiki

Lokaci wanda yake a cikin HTML, CSS, da lambar JavaScript don sanya kyakkyawan matsayin sa a matsayin mai kyau kadan wanda ke sanya lafazi a kan ja don jerin shekaru a hagu, kuma a baƙar fata don font da H2s. Mafi kyawu game da wannan lokacin shine yayin da kake zagawa cikin shafin, canjin shekara za a yi ta atomatik. Babban kammalawa, ƙira da sakamako.

Lokaci a cikin CSS

Kayan lokaci na CSS

Wannan jeren lokacin yana amfani da lambar CSS don har ma iya samun damar daidaita shi cikin wasu abubuwan sa. Bata da juyi kamar wanda ya gabata, amma ana nuna shi da jerin murabba'ai da launin shuɗi don ba shi wata kyakkyawar taɓawa kuma shiga cikin jerin lokutan wannan bugawa.

Mai silar tafiyar lokaci

Mai silar tafiyar lokaci

Ana yin wannan lokacin ne tare da Swiper JS labura don haɗa HTML, CSS da lambar JavaScript. Ba shi da lilo yayin da muke ci gaba ta hanyar shafin yanar gizon, amma yana da sanya shekaru a gefen dama da maɓallin da zamu iya zuwa na gaba, banda iya amfani da manunin linzamin kwamfuta don zuwa takamaiman shekara. Babban motsi a cikin kowane miƙa mulki.

Lokaci na ci gaba

Lokaci na ci gaba

Wannan jerin lokuta yana tsaye don amfani da HTML, CSS da JavaScript, ban da shiga cikin monocolor, daidai a cikin sautunan ja. Hakanan ana amfani da shi ta hanyar amfani da maɓallin da ke ba da damar ci gaba ko komawa cikin jerin lokutan da aka alama da wannan babbar lambar sakamakon don zama ƙarami kaɗan.

Lokaci tare da kafaffiyar kan layi da Flexbox

An gyara lokacin aiki

HTML da lambar CSS don takamaiman rubutun kai cewa zai ci gaba da kasancewa daidai lokacin da muke gungurawa a cikin shafin. Babban wayo ne ya zama lokaci ne na babban sha'awa ga kowane mai tasowa na yanzu wanda yake son a haskaka shi da tsarin ƙirar gidan yanar gizo na yanzu.

Lokacin aikin

Lokacin aikin

Wannan jeren lokacin yana amfani da CSS da HTML don gabatar da muhimmin lokacin da za ayi amfani da shi cewa takamaiman lokacin don wani aiki. Yayin da muke kewayawa yana wucewa cikin ranakun mako, don haka ya zama cikakke don aiwatar dashi don kayan aikin haɗin gwiwa wanda kamfanin kanta yayi.

tafiyar lokaci

tafiyar lokaci

Lokaci a cikin HTML, CSS da JavaScript wadanda suka yi fice a kan sauran don taken gani. Kuma shine yayin da muke latsawa a cikin jeren lokacin tsaye, duk lokacin da muka sami sabon hoto a cikin jerin lokutan, zai zama hoton bangon shafin yanar gizon da muka sanya wannan lambar.

Hyperloop

Hyperloop

Hyperloopu lokaci ne wanda ya fita waje don ƙirar da aka yi amfani da ita kuma don ba a shirya komai ba sai a HTML da CSS. Ana nuna ta ta amfani da girma daban-daban a cikin rubutun rubutu tare da layi na tsaye da jerin kwalaye waɗanda ke nuna kowane muhimmin lokacin lokacin aiki.

Lokaci na tsaye

Lokaci na tsaye

Lokaci na tazara cewa nisanta kansa daga sauran ta wurin gani na gani. Yana da asalin ɗan tudu na yanzu a cikin zane da jerin kwalaye waɗanda ke alama kowane ɗayan wajan. An tsara su a cikin CSS da HTML.

Lokaci a cikin Flexbox

Lokaci mai lankwasawa

Ofaya daga cikin mafi kyawun ƙayyadaddun lokacin da wancan dogara ne a kan katunan don haɗa dukkan bayanan da muke buƙata na wannan lokacin. Hakanan an haɓaka a cikin HTML da CSS, dole ne a yi la'akari da cewa duk katunan dole ne su kasance tsayi ɗaya da faɗi ɗaya don yin lissafin sarari don manyan fuska.

Lokaci a cikin DIV

Lokaci div

Minimalarancin lokaci kaɗan a cikin zane kuma hakan ya kasance ci gaba ne kawai a cikin HTML da CSS, don haka aiwatarwa na iya zama da sauri sosai. Ya dace sosai don bayyana lokaci a cikin matsakaiciyar bayani saboda ƙarancin aikinsa na ƙarshe.

Tsarin lokaci a cikin CSS da HTML

Lokacin CSS

Kuna iya sanyawa Hotunan girman 400 × 300 a cikin wannan jeren lokaci wanda aka rarrabe shi da koren layin layin da rubutun kwanakin da ranakun. Ba shi da rayarwa kuma yana da ƙarancin zane mai sauƙi a duk matakan.

Sharhi da lokacin amsawa

Tsarin lokaci

Lokaci mai banbanci da na sauran don kyalewa sanya katuna tare da hotunan masu amfani, ko kuma aƙalla wannan niyya ce da farko. Tare da babban salon gani, katunan suna amfani da shading don wani ɗan gajeren lokacin layin ba tare da rayarwa ba.

Safiyar lokacin lokaci a cikin HTML da CSS

Lokaci mai amsawa

Cikakken lokacin don amsa wannan yana da halin kasancewa HTML, CSS kuma bayar da sauki amma mafi sauki lokacin aiki.

Lokaci UI

tafiyar lokaci

Wannan lambar a cikin HTML da CSS suna aiki daidai don gabatar da ranar aiki na motsa jiki. Yana da amsawa tare da hoton kai tsaye da jerin maɓallan maɓallan da ke nuna shi a cikin tsabta da tsabta a cikin yanayin gani.

Lokaci a cikin CSS kawai

Tsarin lokaci na CSS

Wannan yanayin yana kasancewa da kasancewa cikin CSS kuma ta a jerin zaɓaɓɓun launi masu kyau: ja da kore. Kore don rufe dukkan shafin gaba ɗaya, fari don rubutu da layin rarrabawa, da jan don rarrabe lokacin da muke ciki. Zamu iya danna kowane tazara don sanya shi tare da akwatin da ke kewaye da shi da haskaka shi.

Lokaci mai amsawa V3

Lokaci mai amsawa V3

Na farko daga cikin jerin lokutan kwance a jerin cikin HTML, CSS da JavaScript. Da gani ya fita waje don amfani da launuka masu launin baƙi da toka don sanya layi na kwance tare da jerin maki. Kowane tazara yana haskaka tare da nauyi mai girma a cikin asalin da cikin abun cikin rubutu.

Tsarin lokaci yana cikin launi

Gida

Ofaya daga cikin jeren lokutan kwance mafi girman ingancin gani akan jerin. Lokaci mai matukar ma'amala tare da rayayyun rayayyun rayayyun rayayyun rayayyun abubuwa don bayar da babban kwarewar mai amfani a duk lokacin da aka matse daya daga lokaci. An yi shi da HTML CSS / Sass da JavaScript / TypeScript (jquery.js).

Lokaci na tarihi mai amsawa

Labari mai amsawa

Cikakken tsarin lokaci don nuna abubuwa daban-daban a cikin hotuna na lokaci lokaci a cikin tarihi. Yana kwance kuma yana amsawa don an haɓaka shi a cikin HTML, CSS da JavaScript.

Tsarin lokaci na rukuni

Timungiyar lokaci

Wannan lokacin yana tsaye don kyakkyawan canji za'ayi tare da animation na kwance. Na babban launi da kyakkyawa ƙira don haskaka kowane ɗayan lokaci. Yana cikin HTML, CSS da JavaScript don gabatar da jerin katunan da aka sanya akan hoton asalin wakilin.

Takamaiman CSS da jerin lokutan HTML

Takamaiman envato

Wanda yayi shi sanannen Tuttukan Envato +, an gabatar da mu tare da jerin lokuta masu kwance tare da jerin tsabtace da katunan asali a cikin zane. Lebur launuka da layin kwance tare da jeren dige ja wanda ke tsakaita kowane tazara.

Tsarin lokaci CSS, HTML da slick.js 

Lokacin tafiyar pastel

Sautunan pastel a cikin zane don wani lokaci wanda ya fito waje don gabatar da kowane hotunan nuna kowane lokaci. Miƙa mulki ne tsakanin kowane ɗayan hotunan da tazarar da ke sanya wannan jeren lokacin ya fice.

Tsarin lokaci na V1

Tsarin lokaci

Lokaci wanda yayi fice wajan sa maballin akan kowane layin tsaye kowane tazara don danganta hoto na bango a kowane lokaci da muka danna ɗaya.

Takamaiman tsarin lokaci HTML CSS

Lokaci HR

Ba zaku iya danna ko'ina a cikin wannan jerin lokuta wanda aka haskaka ta a kyawawan zane ta hanyar zabi mai kyau na launuka masu launi da jerin sandwiches na kowane jeren lokutan. Babu rayarwa, amma ta gani tana farantawa ido rai.

Lokaci Codyhouse

Lokaci CodyHouse

Wannan lokacin gabatarwa ta Codyhouse launi ɗaya ne a cikin zane kuma an haɓaka shi a cikin HTML, CSS da JavaScript. Yana gabatar da layi kaɗan tare da jerin maki azaman tsaka-tsakin da za a danna kuma ya haifar da tashin hankali na ƙasa da ƙasa da rabin sakan. Mai sauƙi, amma mai ƙarfi.

Takamaiman tsarin lokaci

Takamaiman tsarin lokaci

Wani lokacin da aka yi a HTML, CSS, da JavaScript. Hali ne da launi guda, ya ƙunshi zane mai kyau tare da launi mai launi don saka yadin da aka saka a kan kowane maki da ke wakiltar tazarar lokaci. Duk lokacin da muka danna daya, motsin rai mai santsi yake farawa.

Lokaci mara suna

Lokaci mara suna

Lokaci kawai na baƙar fata daga jerin ƙasa. Sannan yana amfani launuka daban daban don banbanta kowace shekara da rubutu a lokaci guda a matsayin iyakokinsa. Yana da shahararren raye-raye don wucewa tsakanin kowane ɗayan matani.

Lokaci

Lokaci

Wannan lokacin yana sanya lafazi a kan launin kore ya zama tsayayyen tsaye.

Wani tsarin lokaci a kwance

Wani lokacin

Zai iya zama sanya hoto kusa da cikakken allo don wani lokaci wanda yayi fice don amfani da shuɗi da toka, tare da jerin da'ira waɗanda ke wakiltar kowace shekara.

Karka rasa wani jerin menus a CSS da HTML.


Bar tsokaci

Your email address ba za a buga. Bukata filayen suna alama da *

*

*

  1. Wanda ke da alhakin bayanan: Miguel Ángel Gatón
  2. Manufar bayanan: Sarrafa SPAM, sarrafa sharhi.
  3. Halacci: Yarda da yarda
  4. Sadarwar bayanan: Ba za a sanar da wasu bayanan ga wasu kamfanoni ba sai ta hanyar wajibcin doka.
  5. Ajiye bayanai: Bayanin yanar gizo wanda Occentus Networks (EU) suka dauki nauyi
  6. Hakkoki: A kowane lokaci zaka iyakance, dawo da share bayanan ka.