29 Awọn akoko CSS pẹlu diẹ ninu igbadun JavaScript

Awọn akoko tabi awọn akoko jẹ miiran ti awọn eroja afikun ti a le ṣepọ sinu oju opo wẹẹbu kan lati fihan ilọsiwaju tabi itankalẹ ni awọn ọdun ti ile-iṣẹ tabi ile-iṣẹ kan. Ifihan ayaworan ti o ni iwoye ti o mọ bi a ṣe le ṣajọpọ rẹ pẹlu ẹwa pẹlu kikọ ati awọn eroja wiwo, le ṣe afihan awọn igbesẹ ti iṣẹ tabi ọja gbe ni akoko pupọ.

Awọn akoko asiko 29 wọnyi ti iwọ yoo rii ni isalẹ wa lati awọn akoko inaro bi yoo ti jẹ awọn nâa. Iwọ yoo wa eyi ti o dara julọ ti o baamu awọn aini rẹ lati wa lori oju-iwe ti oju opo wẹẹbu ti o ndagbasoke fun alabara tabi fun ara rẹ. A n lọ pẹlu ikojọpọ awọn akoko asiko ti o nifẹ pupọ ti o jẹ itẹlọrun pupọ.

Ago nipa yiyi

Ago ti o wa ni HTML, CSS, ati koodu JavaScript lati fi ipo oore funrararẹ ṣe bi a ti o dara minimalist eyi ti o fi aami si pupa fun atokọ awọn ọdun ni apa osi, ati lori dudu fun iru-ori ati awọn H2. Ohun ti o dara julọ nipa aago yii ni pe bi o ṣe n yi lọ nipasẹ oju-iwe naa, iyipada ọdun yoo ṣee ṣe laifọwọyi. Ipari nla, apẹrẹ ati abajade.

Ago ni CSS

Ago yii lo koodu CSS lati paapaa ni anfani lati tunto ni deede ni diẹ ninu awọn ohun-ini rẹ. Ko ni yiyi lọ bii ti iṣaaju, ṣugbọn o jẹ ẹya nipasẹ lẹsẹsẹ awọn apoti ati awọ buluu lati fun ni ifọwọkan didara julọ miiran ati ṣafikun si atokọ awọn akoko ti ikede yii.

Yiyọ Ago idahun

Ago yii ni a ṣe pẹlu ile-ikawe Swiper JS lati ni HTML, CSS ati koodu JavaScript. Ko ni yiyi bi a ṣe nlọsiwaju nipasẹ oju-iwe wẹẹbu, ṣugbọn o ṣe gbe awọn ọdun si apa ọtun ati bọtini kan pẹlu eyiti a le lọ si atẹle, yato si ni anfani lati lo ijubolu asin lati lọ si ọdun kan pato. Iwara nla ni ọkọọkan awọn iyipada.

Ago ti ni ilọsiwaju

Ago yii duro fun lilo HTML, CSS ati JavaScript, yatọ si lọ sinu monocolor, gbọgán ninu awọn ohun orin pupa. O tun jẹ ẹya nipasẹ lilo bọtini kan ti o fun ọ laaye lati ni ilọsiwaju tabi pada sẹhin ni akoko ti a samisi nipasẹ koodu abajade nla yii lati jẹ pọọku pupọ.

Ago pẹlu akọle ti o wa titi ati Flexbox

HTML ati koodu CSS fun akọle ti o wa titi pe yoo wa titi ni akoko ti a ṣe yiyi ninu iwe. Ti arekereke nla lati jẹ aago ti ifẹ nla fun eyikeyi olugbala lọwọlọwọ ti o fẹ lati ṣe afihan nipasẹ awọn ipele apẹrẹ wẹẹbu lọwọlọwọ.

Ago ise agbese

Ago yii lo CSS ati HTML lati ṣafihan akoko akoko pataki lati lo fun ti akoko kan pato fun ise agbese kan. Bi a ṣe n yi lọ o n lọ nipasẹ awọn ọjọ ọsẹ, nitorinaa o jẹ pipe lati ṣe imuse fun awọn irinṣẹ ifowosowopo ti ile-iṣẹ funrararẹ ṣe.

Ago

Ago kan ninu HTML, CSS ati JavaScript ti o duro jade lati iyoku fun akori wiwo. Ati pe o jẹ pe bi a ṣe n yi lọ nipasẹ Ago inaro, nigbakugba ti a ba wa fọto tuntun ni akoko aago, yoo di aworan abẹlẹ ti oju-iwe wẹẹbu nibiti a ti gbe koodu yii sii.

Hyperloop

Hyperloopu jẹ akoko ti a pe duro jade dipo apẹrẹ ti a lo ati fun siseto ohunkohun diẹ sii ju HTML ati CSS lọ. O ṣe apejuwe nipasẹ lilo awọn titobi oriṣiriṣi ninu fonti ọrọ pẹlu laini inaro ati lẹsẹsẹ awọn apoti ti o samisi akoko pataki kọọkan ti aago.

Ago inaro

Ago akoko aarin ti ijinna ara rẹ lati iyoku nipasẹ ifọwọkan wiwo rẹ. O ni ipilẹ igbasẹ lọwọlọwọ lọwọlọwọ ninu apẹrẹ ati lẹsẹsẹ awọn apoti ti o samisi ọkọọkan awọn aaye arin wọnyẹn. Ti ṣe eto ni CSS ati HTML.

Ago ni Flexbox

Ọkan ninu awọn akoko ipari ti o dara julọ julọ ati pe ti wa ni da lori awọn kaadi lati ṣafikun gbogbo alaye ti a nilo fun aarin akoko yẹn. Tun dagbasoke ni HTML ati CSS, o gbọdọ ṣe akiyesi pe gbogbo awọn kaadi gbọdọ ni iga kanna ati iwọn kanna lati ṣe iṣiro aaye fun awọn iboju nla.

Ago ni DIV

Ago ti o kere ju ninu apẹrẹ ati pe iyẹn ti jẹ ni idagbasoke nikan ni HTML ati CSS, nitorinaa imuse rẹ le yara pupọ. O baamu ni pipe fun sisọ aago kan ninu alabọde alaye nitori ipari monochrome rẹ.

Ago ni CSS ati HTML

O le gbe Awọn iwọn iwọn 400 × 300 ninu Ago yii ṣe iyatọ nipasẹ awọ alawọ ti awọn ila ati ọrọ ti awọn ọjọ ati awọn ọjọ. Ko ni awọn ohun idanilaraya ati pe o jẹ ẹya ti o rọrun nipasẹ apẹrẹ rẹ ni gbogbo awọn ipele.

Awọn asọye ati akoko aago esi

Ago ti o yatọ si awọn miiran fun gbigba laaye fi awọn kaadi sii pẹlu awọn fọto awọn olumulo, tabi o kere ju iyẹn ni aniyan ni akọkọ. Pẹlu ara iworan nla, awọn kaadi lo ojiji fun akoko ti o fẹsẹkẹsẹ kuku laisi awọn idanilaraya.

Owurọ Ago ni HTML ati CSS

Ago pipe fun idahun pe o jẹ ẹya nipasẹ jije HTML, CSS ki o funni ni Ago ti o rọrun ṣugbọn ti akoko alagbeka pupọ.

Ago UI

Koodu yii ni HTML ati CSS n ṣiṣẹ ni pipe fun mu ọjọ ṣiṣẹ ti adaṣe kan. O ṣe idahun pẹlu aworan akọsori ati lẹsẹsẹ awọn bọtini ti o fihan ni ọna ti o mọ ati mimọ julọ ni abala wiwo.

Ago ni CSS nikan

Ago yii jẹ ifihan nipasẹ kikopa ninu CSS ati nipasẹ kan lẹsẹsẹ ti awọn awọ ti a yan daradara: pupa ati awọ ewe. Green lati bo gbogbo oju-iwe patapata, funfun fun ọrọ ati awọn ila pinpin, ati pupa lati ṣe iyatọ aarin aarin akoko ninu eyiti a wa. A le tẹ lori aarin kọọkan lati gbe pẹlu apoti ti o yi i ka ati ṣe ifojusi rẹ.

Ago idawọle V3

Ni igba akọkọ ti awọn akoko petele ninu atokọ ni HTML, CSS ati JavaScript. Oju duro jade fun awọn lilo awọn awọ dudu ati grẹy lati gbe ila petele pẹlu oriṣi awọn aaye. A ṣe afihan aarin aarin kọọkan pẹlu iwuwo nla ni orisun ati ninu akoonu ọrọ.

Ago tiwon ni awọ

Ọkan ninu awọn akoko petele didara iwoye ti o ga julọ lori atokọ naa. Ago ibaraenisepo pupọ pẹlu arekereke pupọ ati awọn ohun idanilaraya ti a gbekalẹ daradara lati pese iriri olumulo nla ni akoko kọọkan ọkan ninu awọn aaye arin akoko ti wa ni titẹ. O ti ṣe pẹlu HTML CSS / Sass ati JavaScript / TypeScript (jquery.js).

Ago itan idahun

Ago ti o pe fun ṣe afihan awọn iṣẹlẹ oriṣiriṣi ni awọn aworan ti akoko iho ninu itan. O jẹ petele ati idahun lati ti ni idagbasoke ni HTML, CSS ati JavaScript.

Ago ẹgbẹ

Ago yii duro fun iyipada ti o dara ti gbe jade pẹlu iwara petele kan. Ti awọ nla ati apẹrẹ olorinrin lati ṣe afihan ọkọọkan awọn aaye arin akoko. O wa ni HTML, CSS ati JavaScript lati ṣe agbekalẹ lẹsẹsẹ ti awọn kaadi ti o bori lori aworan isale aṣoju.

Petele CSS ati Ago HTML

Ṣe nipasẹ rẹ mọ Tutu Envato +, a gbekalẹ pẹlu akoko aago petele pẹlu lẹsẹsẹ ti awọn kaadi mimọ ati ipilẹ ni apẹrẹ. Awọn awọ pẹlẹbẹ ati laini petele kan pẹlu lẹsẹsẹ ti awọn aami pupa ti o dẹkun aarin aarin kọọkan.

Ago CSS, HTML ati slick.js

Awọn ohun orin Pastel ninu apẹrẹ fun aago kan ti dúró fun igbejade ọkọọkan awọn aworan fifi akoko kọọkan silẹ. O jẹ iyipada laarin ọkọọkan awọn aworan ati awọn aaye arin ti o jẹ ki aago yii ṣe pataki.

Ago ọkọọkan V1

Ago ti o duro fun awọn bọtini lori ila inaro kọọkan ti aarin kọọkan lati sopọ mọ aworan isale iboju ni kikun nigbakugba ti a tẹ lori ọkan.

Petele Ago HTML CSS

Iwọ kii yoo ni anfani lati tẹ nibikibi ninu Ago yii ti o ṣe afihan nipasẹ a apẹrẹ olorinrin nipasẹ yiyan ọlọgbọn ti paleti awọ ati lẹsẹsẹ awọn ounjẹ ipanu fun ọkọọkan awọn akoko. Ko si awọn idanilaraya, ṣugbọn oju o jẹ itẹlọrun pupọ si oju.

Ago Codyhouse

Ago yii gbekalẹ nipasẹ Codyhouse jẹ awọ kan ni apẹrẹ ati idagbasoke ni HTML, CSS ati JavaScript. O ṣe afihan ila ti o kere julọ pẹlu lẹsẹsẹ awọn ojuami bi awọn aaye lati tẹ ki o fa idanilaraya petele ti o kere si idaji keji. Rọrun, ṣugbọn o lagbara.