ब्लॉग्ज, ई-कॉमर्स आणि अधिकसाठी 27 विनामूल्य एचटीएमएल आणि सीएसएस कार्ड

हॉवर कार्ड

ऑनलाइन संसाधने जवळजवळ असीम आहेत, परंतु त्यांना गुणवत्तेचे शोधणे खरोखर कठीण काम आहेजरी, थोडा शोधत असला तरी आणि डिझाइनसाठी समर्पित वेबसाइटची चांगली यादी असूनही, गोष्ट अधिक सुलभ होते. अशा वेळी जेव्हा एचटीएमएल आणि सीएसएस सारख्या भाषा मोठ्या स्वरुपाच्या असतील तेव्हा विनामूल्य, उच्च-गुणवत्तेची संसाधने जवळपास जवळपास काही क्लिक दूर आहेत.

आम्ही मालिका यादी करणार आहोत एचटीएमएल आणि सीएसएस मध्ये विनामूल्य कार्ड जे सर्व प्रकारच्या ब्लॉग, व्यवसाय, ई-कॉमर्ससाठी बरेच काही योग्य आहे. एक दीर्घ-श्रेणी संग्रहण जेणेकरून हे सर्व प्रकारच्या क्लायंटसाठी आपण करत असलेल्या काही कामात समाविष्ट केले जाऊ शकते. या सूचीसह असे करूया ज्यात कोडपेन.आयओ वापरला जाईल जेणेकरून आपल्याला कोड HTML आणि CSS दोन्हीमध्ये मिळू शकेल.

निर्देशांक

ब्लॉग कार्ड मजा # 1

कार्ड मजा

una उत्तम डिझाइन कार्ड जे जवळजवळ प्रत्येक गोष्ट त्यास सूचित करते जी प्रतिमा प्रतिनिधित्व करते, आपण संबंधित कोड मिळविण्यासाठी कोडपेन.आयओ वर जा आणि आपल्या वेबसाइटवर स्थापित करू शकता.

सीएसएस न्यूज कार्ड्स फक्त सीएसएस

न्यूज कार्ड

हे कार्ड, सह पार्श्वभूमी म्हणून अपरिचित गोष्टी, त्याच्या गुळगुळीत अ‍ॅनिमेशनची सामग्री दर्शविते. हे शुद्ध सीएसएस आहे.

ब्लॉग पोस्ट आयटम

ब्लॉग पोस्ट त्यावर माउस पॉईंटर आणून वेबचे पूर्वावलोकन. यात सीएसएस आणि एचटीएमएल आहेत सहज गुंतवणूकीसाठी.

ब्लॉग कार्डे

ब्लॉग कार्डे

किमान उत्तरदायी ब्लॉग कार्ड डिझाइन. वेगवान आणि गुळगुळीत अ‍ॅनिमेशन कोणालाही उदासीन ठेवू नका अशा उच्च गुणवत्तेचे.

प्रतिसाद व्यवसाय कार्ड

प्रतिसादपत्रे

च्या बाहेर स्टॅण्ड किंचित अ‍ॅनिमेशन कार्ड प्रतिमेवर माउस पॉईंटर फिरवून.

आणखी एक ब्लॉग कार्ड

ब्लॉग होव्हर कार्ड

दिसते फिरताना कार्ड मजकूर त्याच मध्ये.

व्यवसाय कार्ड

भेट द्या कार्ड

una साधे पण चालू कार्ड एचटीएमएल आणि सीएसएसमध्ये डेमो आणि कोडसह भेट द्या.

3 डी व्यवसाय कार्ड

3 डी फ्लिप कार्ड

हे कार्ड किमतीची आहे एचटीएमएल आणि सीएसएस सह थ्रीडी animaनिमेशन. एलेना नझारोवा यांनी बनविलेल्या, हे रंग-धक्कादायक व्यवसाय कार्डसाठी योग्य आहे.

सीएसएस व्यवसाय कार्ड

सीएसएस व्यवसाय कार्ड

सीएसएस मधील एक अतिशय आश्चर्यकारक व्यवसाय कार्ड 3 डी मध्ये फिरते आम्ही त्या खाली ठेवल्या त्या क्षणी माउस पॉईन्टरला प्रतिसाद देणार्‍या URL पत्त्यांच्या मालिकेसाठी मार्ग तयार करणे.

कार्ड ग्रिड

ग्रिड कार्ड

सह व्यवस्थित ठेवलेल्या कार्डांची मालिका लक्षवेधी डिझाइन. हे त्याच्या सुलभ सौंदर्यासाठी आश्चर्यकारक आहे, परंतु एचटीएमएल, सीएसएस आणि एससीएसएस कोडमध्ये चांगली टक्कर आहे.

3 डी कार्ड उघडकीस येत आहेत

3 डी कार्ड

कार्ड ग्रीडची ही मालिका याक्षणी अधिक माहिती प्रकट करा आम्ही ग्रीन आयकॉन वर माउस सोडला आहे. आम्ही पॉईंटर सोडतो त्याच वेळी उर्वरित ग्रीड त्यानुसार हलवते.

प्रतिसादात्मक साहित्य डिझाइन कार्ड

साहित्य डिझाईन

सह गूगल डिझाईन भाषा, कार्ड्सची ही मालिका मेनूच्या चिन्हावर दिसणारी दिसते जी उदाहरणाप्रमाणे कलाकारांची सर्व माहिती उघडते. उत्कृष्ट दृश्यमान देखावा असलेली सुंदर आणि अंतर्ज्ञानी अ‍ॅनिमेशन.

फ्लेक्सबॉक्स कार्ड ग्रिड

फ्लेक्सबॉक्स

कार्ड नमुना ग्रीड फ्लेक्सबॉक्स स्वरूपन वापरण्यासाठी ते उभे आहेत त्या समान उंचीवर. त्यातील आणखी एक मूल्ये म्हणजे सीएसएस आस्पेक्ट रेशियो आणि सीएसएस फिल्टरचा वापर.

क्लेन्स कार्ड्सचा फासा

Clans च्या फासा

El लोकप्रिय मोबाइल गेम आंद्रे मादरंग यांनी तयार केलेल्या एचटीएमएल आणि सीएसएसमध्ये त्याचे कार्ड आहेत. आम्ही त्यांच्यामध्ये अगदी तंतोतंत आणि अत्यंत दृश्यमान अ‍ॅनिमेशनसह जाऊ शकतो.

ईकॉमर्ससाठी स्लाइड कार्ड

उत्पादन कार्ड

एक सह चपळ अ‍ॅनिमेशन, ही कार्डे कशाबद्दल आहेत हे शोधण्यासाठी त्यांचे घटक शोधण्यासाठी आपल्याला प्रोत्साहित करतात. ओमर डिसोकीकडून उत्कृष्ट डिझाइनसह.

इंटरफेस डिझाइन - उत्पादन कार्ड

उत्पादन यूआय

ची डिझाइन करण्यासाठी एक परिपूर्ण कार्ड आमच्या ईकॉमर्सचे उत्पादन. HTML आणि CSS मध्ये बनविलेले.

उत्पादन कार्ड

ईकॉमर्स उत्पादन

आम्ही करू शकतो त्याच कार्डवरुन अनेक प्रतिमा पास चांगले उत्पादन पहाण्यासाठी. यात कार्ट बटणावर includesडचा समावेश आहे आणि एचटीएमएल, सीएसएस आणि जावास्क्रिप्ट कोड आहे.

लवचीक उत्पादन कार्डे

लवचिक कार्ड

जसे त्याचे नाव दर्शविते, फ्लेक्सबॉक्स वापरतो जेव्हा आम्ही अ‍ॅड टू कार्ट बटणावर क्लिक करतो तेव्हा एक मनोरंजक अ‍ॅनिमेशन तयार करण्यासाठी.

फ्लिप कार्ड

फ्लिप कार्ड

गुळगुळीत आणि काही कार्डेसाठी छोटा कोड परिपूर्ण अ‍ॅनिमेशन. काही मिनिटांत आपण त्यांना समाविष्ट करू शकता. अलीकडे कोडपेनमध्ये जोडले.

3 डी उत्पादन कार्डे म्हणून कार्डे

3 डी कार्ड

ही कार्डे असल्याची नोंद घ्यावी जणू आमच्याकडे टेबलवर कार्ड्सची मालिका आहे. पॉईंटर विश्रांती घेते बाकी आहे आणि ते झूम इन करतात, प्रत्येकावर क्लिक करा आणि उत्पादनाची माहिती दर्शविण्यासाठी कार्डच्या मागील बाजूस दर्शवा. आम्ही पुन्हा क्लिक करतो आणि तो समोर होता त्याप्रमाणे सोडतो. 3 डी सीएसएस गुणधर्म शिकण्यासाठी परिपूर्ण.

लंबनपत्र

लंबनपत्र

एक अतिशय दृश्य प्रयोग लक्षवेधी फ्लिप प्रभाव. आपण हे कशाबद्दल बोलत आहात हे जाणून घेणे चांगले आहे.

कार्डांसाठी होव्हर इफेक्ट

होव्हर कार्ड

एक साधा प्रभाव पण लबाडीचा हॉवर कार्ड बद्दल.

साधा होव्हर प्रभाव

साधे कार्ड

स्ट्राइकिंग ऐवजी सोपा प्रभाव, परंतु आम्ही ज्या दृश्याकडे पाहतो त्याक्षणी त्याचा चांगला परिणाम होतो.

पॅरालॅक्स खोली कार्ड

समांतर खोली

ही कार्डे सहन करतात शीर्षस्थानी लंबन संकल्पना डिझाइनद्वारे काही अतिशय धक्कादायक कार्ड तयार करणे. जेव्हा आपण आमच्या ब्लॉगमधील काही श्रेण्या निवडता तेव्हा वापरकर्त्यावर त्याचा परिणाम काय होतो हे समजून घेण्यासाठी आपल्याला ते फक्त पहावे लागेल.

चित्रपटांसाठी यूआय कार्ड

चित्रपट कार्ड

चे एक कार्ड एचटीएमएल सह उत्तम लेआउट आणि सीएसएस.

प्रोफाइल कार्ड

संपर्क कार्ड

mUY चांगले अ‍ॅनिमेशन कॉन्टॅक्ट कार्डसाठी ज्यामध्ये आम्ही सोशल मीडिया प्रोफाइलमध्ये प्रवेश लागू करू शकतो. एचटीएमएल आणि सीएसएस.

पोलोरॉईड बंडल कार्ड

पोलारॉइड

गुणधर्म, फिल्टर आणि सह सीएसएस सानुकूल संक्रमणे पोलेरोइड गटबद्ध कार्डची ही मालिका तयार केली गेली आहे; या एसव्हीजी प्रतिमा वेब गमावू नका.


लेखाची सामग्री आमच्या तत्त्वांचे पालन करते संपादकीय नीति. त्रुटी नोंदविण्यासाठी क्लिक करा येथे.

एक टिप्पणी, आपले सोडून द्या

आपली टिप्पणी द्या

आपला ई-मेल पत्ता प्रकाशित केला जाणार नाही. आवश्यक फील्ड चिन्हांकित केले आहेत *

*

*

  1. डेटा जबाबदार: मिगुएल Áन्गल गॅटन
  2. डेटाचा उद्देशः नियंत्रण स्पॅम, टिप्पणी व्यवस्थापन.
  3. कायदे: आपली संमती
  4. डेटा संप्रेषण: कायदेशीर बंधन वगळता डेटा तृतीय पक्षास कळविला जाणार नाही.
  5. डेटा संग्रहण: ओकेन्टस नेटवर्क (EU) द्वारा होस्ट केलेला डेटाबेस
  6. अधिकारः कोणत्याही वेळी आपण आपली माहिती मर्यादित, पुनर्प्राप्त आणि हटवू शकता.

  1.   क्रिस्टियन म्हणाले

    वर्डप्रेससह पृष्ठावर यापैकी कोणतीही कार्ड घालणे शक्य होईल