Tiešsaistes resursi ir gandrīz bezgalīgi, bet atrast tos kvalitatīvus ir patiešām sarežģīta lietaKaut arī meklējot mazliet un izveidojot labu vietņu sarakstu, kas veltīts dizainam, viss kļūst vienkāršāk. Laikā, kad tādas valodas kā HTML un CSS ir lieliskā formā, tuvoties augstas kvalitātes bezmaksas resursiem ir gandrīz dažu klikšķu attālumā.
Mēs uzskaitīsim virkni bezmaksas kartes HTML un CSS kas ir lieliski piemēroti visu veidu emuāriem, biznesam, e-komercijai un daudz ko citu. Liela apjoma kolekcija, lai to varētu iekļaut dažos darbos, kurus veicat visu veidu klientiem. Mēs to darīsim ar šo sarakstu, kas izmanto codepen.io, lai jūs varētu iegūt kodu gan HTML, gan CSS.
Emuāra karšu izklaide Nr. 1
A lieliska dizaina karte kas saka gandrīz visu attēlu, kas to attēlo, varat apmeklēt vietni codepen.io, lai iegūtu atbilstošo kodu un instalētu to savā vietnē.
CSS News Cards tikai CSS
Šī karte ar Svešas lietas kā fons, izceļas ar vienmērīgu animāciju, kas atklāj saturu. Tā ir tīra CSS.
Emuāra ziņas vienums
Tīmekļa priekšskatījums, novietojot peles rādītāju virs tā. Tam ir CSS un HTML ērtai iekļaušanai.
Emuāra kartītes
Minimālistisks atsaucīgs emuāra karšu dizains. Ātras un vienmērīgas animācijas augstas kvalitātes, kas neatstāj vienaldzīgu nevienu.
Atsaucīgas vizītkartes
Izceļas neliela animācija virzot peles rādītāju virs kartes attēla.
Vēl viena emuāra karte
Parādās kartes teksts, lidinot tajā pašā.
Vizītkartes
A vienkārša, bet pašreizējā karte apmeklējiet ar demonstrāciju un kodu HTML un CSS.
3D vizītkarte
Šī karte ir vērts 3D animācija ar HTML un CSS. Izgatavojusi Elena Nazarova, tā ir lieliski piemērota krāsu uzkrītošai vizītkartei.
CSS vizītkarte
Ļoti pārsteidzoša vizītkarte CSS pagriežas 3D formātā lai izveidotu vietu virknei URL adrešu, kas atbild uz peles rādītāju brīdī, kad to noliekam.
Karšu režģi
Labi ievietotu karšu sērija ar uzkrītošs dizains. Tas ir pārsteidzoši ar vienkāršotu estētiku, taču ar labu hitu HTML, CSS un SCSS kodā.
Tiek atklātas 3D kartes
Šī karšu režģu sērija šobrīd atklāt vairāk informācijas mēs atstājām peli virs zaļās ikonas. Tajā pašā laikā mēs atstājam rādītāju, pārējais režģis attiecīgi pārvietojas.
Atsaucīga materiāla dizaina karte
Ar google dizaina valoda, parādās šī kāršu sērija, kas izceļas ar izvēlnes ikonu, kas atver visu dalībnieku informāciju kā piemērā. Skaistas un intuitīvas animācijas ar lielisku vizuālo izskatu.
Flexbox karšu režģis
Kartes prototips tajā pašā augstumā, kurā viņi izceļas ar režģa flexbox formāta izmantošanu. Vēl viena no tās vērtībām ir CSS malu attiecību un CSS filtru izmantošana.
Klanu karšu sadursme
El populāra mobilā spēle tās kartes HTML un CSS ir izveidojušas Andrē Madarangs. Mēs varam iet starp tiem ar precīzu un ļoti vizuālu animāciju.
Bīdāmās kartes e-komercijai
Ar veiklā animācija, šīs kartes mudina meklēt to elementus, lai uzzinātu, kas tās ir. Ar lielisku Omara Dsokija dizainu.
Interfeisa dizains - produkta karte
Ideāla karte, lai noformētu tos mūsu e-komercijas produkts. Izgatavots HTML un CSS.
Produkta karte
No tās pašas kartes mēs varam nodot vairākus attēlus lai labāk redzētu produktu. Tas ietver pogu Pievienot grozam un satur HTML, CSS un JavaScript kodu.
Elastīgas produktu kartes
Kā norāda tās nosaukums, izmanto flexbox lai izveidotu interesantu animāciju, kad noklikšķinām uz pogas Pievienot grozam.
Flip kartes
Maz kodu dažām kartēm ar vienmērīgu un perfekta animācija. Dažu minūšu laikā jūs varat tos iekļaut. Nesen pievienots koda pildspalvai.
Kartes kā 3D produktu kartes
Jāatzīmē, ka šīs kartes ir it kā mums uz galda būtu kāršu sērija. Rādītājs ir atstāts atpūsties, un tie tuvinās, noklikšķiniet uz katra un parāda kartes aizmuguri, lai parādītu informāciju par produktu. Mēs atkal noklikšķinām un atstājam to tāpat kā ar priekšpusi. Lieliski piemērota 3D CSS īpašību apguvei.
Paralakses karte
Ļoti vizuāls eksperiments ar a uzkrītošs flip efekts. Labāk, lai jūs to redzētu, lai zinātu, par ko tā runā.
Karšu kursora efekts
Vienkāršs efekts, bet triks lidināties par kartēm.
Vienkāršs kursora efekts
Pārsteidzošs diezgan vienkāršs efekts, bet tam ir liela ietekme brīdī, kad mēs to vizualizējam.
Paralakses dziļuma kartes
Uz šīm kartītēm ir paralakses koncepcija uz augšu pēc noformējuma izveidot dažas ļoti pārsteidzošas kārtis. Jums vienkārši tas ir jāredz, lai labāk izprastu tā radīto ietekmi uz lietotāju, kad mūsu emuārā atlasāt dažas no kategorijām.
UI karte filmām
Karte lielisks izkārtojums, kas izveidots ar HTML un CSS.
Profila karte
Ļoti labas animācijas kontaktkartei, kurā mēs varam ieviest piekļuvi sociālo mediju profiliem. HTML un CSS.
Polaroid komplektā iekļautās kartes
Ar īpašībām, filtriem un CSS pielāgotās pārejas Tiek izveidota šī Polaroid grupēto karšu sērija; nepalaidiet garām šo SVG attēlu tīmekli.
Jebkuru no šīm kartēm būs iespējams ievietot lapā ar WordPress
ES MĪLU VIŅUS