27 ókeypis HTML og CSS kort fyrir blogg, rafræn viðskipti og fleira

Sveima spil

Auðlindir á netinu eru nánast óendanlegar, en að finna þau af gæðum er í raun það erfiðaÞó að leita svolítið og vera með góðan lista yfir vefsíður sem eru tileinkaðar hönnun verða hlutirnir auðveldari. Á sama tíma og tungumál eins og HTML og CSS eru í frábæru formi er næstum fáum smellum nálægt ókeypis hágæða auðlindum.

Við ætlum að telja upp röð af ókeypis kort í HTML og CSS sem henta fullkomlega fyrir allar tegundir bloggs, viðskipta, rafrænna viðskipta og margt fleira. Langtíma safn svo hægt sé að fella það inn í hluta af verkunum sem þú vinnur fyrir allar tegundir viðskiptavina. Gerum það með þessum lista sem notar codepen.io svo að þú getir fengið kóðann bæði í HTML og CSS.

Bloggskemmtun # 1

Spilagaman

a frábært hönnunarkort það segir næstum allt myndina sem táknar það, þú getur farið á codepen.io til að fá samsvarandi kóða og setja hann upp á vefsíðunni þinni.

CSS fréttakort eingöngu CSS

Fréttakort

Þetta kort, með Stranger Things sem bakgrunnur, stendur upp úr fyrir slétt fjör sem afhjúpar innihaldið. Það er hreint CSS.

Atriði bloggfærslu

blogg Forskoðun á vefnum með því að færa músarbendilinn yfir hann. Það hefur CSS og HTML til að auðvelda innlimun.

Bloggkort

Bloggkort

Lágmarks móttækileg bloggkortahönnun. Hröð og slétt fjör í háum gæðum sem skilja engan eftir áhugalaus.

Móttækileg nafnspjöld

Móttækileg spil

Stendur upp úr fyrir lítilsháttar fjör með því að sveima músarbendlinum yfir kortamyndina.

Annað bloggkort

Blog Hover Card

Birtist kortatexta þegar hann er á sveimi í sama.

Nafnspjöld

Heimsóknarkort

a einfalt en núverandi kort heimsókn með kynningu og kóða í HTML og CSS.

3D nafnspjald

3D Flip Card

Þetta kort er þess virði þrívíddar hreyfimynd með HTML og CSS. Framleitt af Elena Nazarova og er fullkomið fyrir litaslátt nafnspjald.

CSS nafnspjald

CSS nafnspjald

Mjög sláandi nafnspjald í CSS það snýst í þrívídd til að rýma fyrir röð vefslóða sem svara músarbendlinum um leið og við leggjum hann niður.

Kortanet

Netkort

Röð vel sett kort með áberandi hönnun. Það kemur á óvart fyrir einfaldan fagurfræði, en með góðu höggi í HTML, CSS og SCSS kóða.

Þrívíddarkort eru að koma í ljós

3D kort

Þessi röð kortakerfa afhjúpa frekari upplýsingar um þessar mundir við skildum músina eftir græna tákninu. Á sama tíma og við skiljum eftir bendilinn hreyfist restin af ristinni í samræmi við það.

Móttækilegt efnishönnunarkort

efni Design

Með google hönnunarmál, þessi kortasería birtist sem sker sig úr fyrir valmyndartáknið sem opnar allar upplýsingar leikaranna eins og í dæminu. Falleg og innsæi fjör með frábæru sjónrænu útliti.

Flexbox kortagrind

Flexbox

Frumgerð korta í sömu hæð og þeir standa upp úr með því að nota rist flexbox sniðið. Annað af gildum þess er notkun CSS hlutföll og CSS síur.

Clash of Clans Cards

Clash ættum

El vinsæll farsímaleikur hefur spilin sín í HTML og CSS búin til af Andre Madarang. Við getum farið á milli þeirra með nákvæmri og mjög sjónrænni hreyfimynd.

Skyggnuspil fyrir rafræn viðskipti

Vörukort

Með lipur fjör, þessi kort hvetja þig til að leita að þáttum þeirra til að komast að því hvað þeir eru um. Með frábærri hönnun frá Omar Dsoky.

Viðmótshönnun - Vörukort

Hönnun vöru

Fullkomið kort til að hanna þau af afurð rafrænna viðskipta okkar. Búið til í HTML og CSS.

Vörukort

E-verslunarvara

Frá sama korti og við getum standast nokkrar myndir til að sjá vöruna betur. Það felur í sér hnappinn bæta við körfu og inniheldur HTML, CSS og JavaScript kóða.

Flexy vörukort

Flexy kort

Eins og nafn þess gefur til kynna, notar flexbox til að búa til áhugavert fjör þegar við smellum á hnappinn bæta við körfu.

Flettiskort

Flettiskort

Lítill kóði fyrir sum spil með sléttum og fullkomið fjör. Á nokkrum mínútum er hægt að fella þau inn. Nýlega bætt við codepen.

Spil sem 3D vörukort

3D kort

Þess má geta að þessi kort eru eins og ef við hefðum röð af kortum á borði. Bendillinn er vinstri og þeir stækka, smella á hvern og einn og sýna aftan á kortinu til að sýna upplýsingar um vörur. Við smellum aftur og skiljum það eins og það var að framan. Fullkomið til að læra 3D CSS eiginleika.

Parallax kort

Parallax kort

Mjög sjónræn tilraun með a áberandi flippáhrif. Það er betra að þú sjáir það til að vita hvað það er að tala um

Sveimaáhrif fyrir spil

Sveima spil

Einföld áhrif en brellur sveima um spil.

Einföld sveimaáhrif

Einfalt kort

Sláandi frekar einföld áhrif, en það hefur mikil áhrif á því augnabliki sem við sjáum það fyrir okkur.

Parallax dýptarkort

Parallax dýpt

Þessi spil bera parallax hugtak upp á toppinn að mynda nokkur mjög sláandi spil eftir hönnun. Þú verður bara að sjá það til að skilja betur hvaða áhrif það hefur á notandann þegar þú velur einhverja flokka í blogginu okkar.

HÍ kort fyrir kvikmyndir

Kvikmyndakort

Kort af frábært skipulag gert með HTML og CSS.

Prófílkort

Tengiliðakort

Mjög gott fjör fyrir tengiliðaspjald þar sem við getum innleitt aðgang að prófíl samfélagsmiðla. HTML og CSS.

Polaroid búnt spil

Polaroid

Með eiginleikum, síum og Sérsniðnar umbreytingar CSS Þessi röð af Polaroid flokkuðum spilum er búin til; ekki missa af þessum SVG myndavef.


Innihald greinarinnar fylgir meginreglum okkar um siðareglur ritstjórnar. Til að tilkynna um villu smelltu hér.

Athugasemd, láttu þitt eftir

Skildu eftir athugasemd þína

Netfangið þitt verður ekki birt. Nauðsynlegir reitir eru merktir með *

*

*

  1. Ábyrgðarmaður gagna: Miguel Ángel Gatón
  2. Tilgangur gagnanna: Control SPAM, umsögn stjórnun.
  3. Lögmæti: Samþykki þitt
  4. Samskipti gagna: Gögnunum verður ekki miðlað til þriðja aðila nema með lagalegri skyldu.
  5. Gagnageymsla: Gagnagrunnur sem Occentus Networks (ESB) hýsir
  6. Réttindi: Hvenær sem er getur þú takmarkað, endurheimt og eytt upplýsingum þínum.

  1.   Cristian sagði

    Það verður hægt að setja eitthvað af þessum kortum á síðu með wordpress