27 פריי HTML און CSS קאַרדס פֿאַר בלאָגס, E- האַנדל און מער

האָווער קאַרדס

אָנליין רעסורסן זענען כּמעט ינפאַנאַט, אָבער די קוואַליטעט פון זיי איז טאַקע די שווער זאַךכאָטש איר זוכן אַ ביסל און האָבן אַ גוט רשימה פון וועבסיטעס דעדאַקייטאַד צו פּלאַן, די זאכן ווערן גרינגער. אין אַ צייט ווען שפּראַכן ווי HTML און CSS זענען אין גרויס פאָרעם, עס איז כּמעט אַ ביסל קליקס צו באַקומען נעענטער צו פריי הויך-קוואַליטעט רעסורסן.

מיר וועלן צו רשימה אַ סעריע פון פריי קאַרדס אין HTML און CSS וואָס זענען בישליימעס פּאַסיק פֿאַר אַלע טייפּס פון בלאָג, געשעפט, E- האַנדל און פיל מער. א לאַנג-קייט זאַמלונג אַזוי אַז עס קענען זיין ינקאָרפּערייטיד אין עטלעכע ווערק וואָס איר טאָן פֿאַר אַלע טייפּס פון קלייאַנץ. מיר וועלן טאָן דאָס מיט די רשימה וואָס ניצט codepen.io אַזוי אַז איר קענען קריגן דעם קאָד אין HTML און CSS.

בלאָג קאַרד שפּאַס # 1

קאָרט ון

א גרויס פּלאַן קאָרט וואָס זאגט כּמעט אַלץ די בילד וואָס רעפּראַזענץ עס, איר קענען גיין צו codepen.io צו קריגן די קאָראַספּאַנדינג קאָד און ינסטאַלירן עס אויף דיין וועבזייטל.

בלויז CSS נייַעס קאַרדס

נייַעס קאָרט

דאס קאַרטל, מיט Stranger Things ווי הינטערגרונט, שטייט אויס פֿאַר זיין גלאַט אַנאַמיישאַן אַז ריווילז די אינהאַלט. עס איז ריין CSS.

בלאָג פּאָסטן נומער

בלאָג פּאָסטן א פאָרויסיקע ווייַזונג פון די וועב דורך ברענגען די מויז טייַטל איבער אים. עס האט CSS און HTML פֿאַר גרינג ינקאָרפּעריישאַן.

בלאָג קאַרדס

בלאָג קאַרדס

א מינימאַליסט אָפּרופיק בלאָג קאָרט פּלאַן. שנעל און גלאַט אַנאַמיישאַנז הויך קוואַליטעט וואָס טאָן ניט לאָזן ווער עס יז גלייַכגילטיק.

אָפּרופיק געשעפט קאַרדס

אָפּרופיק קאַרדס

שטייט אויס פֿאַר די קליין אַנאַמיישאַן דורך כאַווערינג די מויז טייַטל איבער די קאָרט בילד.

אן אנדער בלאָג קאַרטל

בלאָג האָווער קאַרד

אַפּפּעאַרס די קאָרט טעקסט ווען כאַווערינג אין דער זעלביקער.

ביזנעס קאַרדס

באַזוכן קאַרטל

א פּשוט אָבער קראַנט קאָרט באַזוכן מיט דעמאָ און קאָד אין HTML און CSS.

3 ד געשעפט קאָרט

3 ד פליפּ קאַרד

דעם קאָרט איז ווערט אַ 3 ד אַנאַמיישאַן מיט HTML און CSS. געמאכט דורך עלענאַ נאַזאַראָוואַ, עס איז גאנץ פֿאַר אַ קאָליר-סטרייקינג געשעפט קאָרט.

קסס געשעפט קאָרט

קסס געשעפט קאָרט

א זייער סטרייקינג געשעפט קאָרט אין CSS ראָוטייץ אין 3 ד צו מאַכן פּלאַץ פֿאַר אַ סעריע פון ​​URL אַדרעסעס וואָס ריספּאַנד צו די מויז טייַטל אין דעם מאָמענט מיר שטעלן עס אַראָפּ.

קאַרטל גרידס

גריד קאַרד

א סעריע פון ​​געזונט געשטעלט קאַרדס מיט אַן אויג-קאַטשינג פּלאַן. עס איז חידוש פֿאַר זיין סימפּליסטיק עסטעטיק, אָבער מיט אַ גוט שלאָגן אין די HTML, CSS און SCSS קאָד.

3 ד קאַרדס זייַנען גילוי

3 ד קאָרט

די סעריע קאָרט גרידס אַנטדעקן מער אינפֿאָרמאַציע אין דעם מאָמענט אַז מיר לאָזן דעם מויז אויף דעם בילדל אין גרין. אין דער זעלביקער צייט אַז מיר לאָזן די טייַטל, די מנוחה פון די גריד באוועגט אַקאָרדינגלי.

אָפּרופיק קאַרד פֿאַר אָפּרופיק מאַטעריאַל

מאַטעריאַל פּלאַן

מיט די Google פּלאַן שפּראַך, די סעריע פון ​​קאַרדס דערשייַנען וואָס זענען דיפּענדינג אויף די מעניו ייקאַן וואָס אָפּענס אַלע אינפֿאָרמאַציע פון ​​די אַקטיאָרן ווי אין דעם פאַל. שיין און ינטואַטיוו אַנאַמיישאַנז מיט גרויס וויזשאַוואַל אויסזען.

פלעקסבאָקס קאָרט גריד

פלעקסאַבאַל

קאַרטל פּראָוטאַטייפּ אין דער זעלביקער הייך אַז זיי נוצן די גריד פלעקסבאָקס פֿאָרמאַט. אן אנדער פון זיין וואַלועס איז די נוצן פון CSS אַספּעקט ריישיאָוז און CSS פילטערס.

קלאַש פון קלאַנז קאַרדס

קלאַש פון קלאַנס

El פאָלקס רירעוודיק שפּיל האט קאַרדס אין HTML און CSS באשאפן דורך אַנדרע מאַדאַראַנג. מיר קענען פאָרן צווישן זיי מיט אַ גענוי און העכסט וויזשאַוואַל אַנאַמיישאַן.

רוק קאַרדס פֿאַר עקאָממערסע

פּראָדוקט קאַרד

מיט אַ פלינק אַנאַמיישאַןדי קאַרדס מוטיקן איר צו זוכן פֿאַר זייער עלעמענטן צו געפֿינען זיך וואָס זיי זענען וועגן. מיט גרויס פּלאַן פֿון Omar Dsoky.

צובינד פּלאַן - פּראָדוקט קאַרד

פּראָדוקט וי

א שליימעסדיק קאָרט צו פּלאַן די פון פּראָדוקט פון אונדזער עקאָממערסע. געמאכט אין HTML און CSS.

פּראָדוקט קאַרטל

עקאָממערסע פּראָדוקט

פֿון דער זעלביקער קאָרט מיר קענען גיין דורך עטלעכע בילדער צו בעסער זען דעם פּראָדוקט. דאָס כולל די קנעפּל לייג צו וואָגן און כּולל HTML, CSS און דזשאַוואַסקריפּט קאָד

פלעקסי פּראָדוקט קאַרדס

פלעקסי קאָרט

ווי זיין נאָמען ינדיקייץ, ניצט פלעקסבאָקס צו שאַפֿן אַ טשיקאַווע אַנאַמיישאַן ווען מיר דריקט אויף די לייג צו וואָגן קנעפּל.

פליפּ קאַרדס

פליפּ קאַרטל

קליין קאָד פֿאַר עטלעכע קאַרדס מיט גלאַט און שליימעסדיק אַנאַמיישאַן. אין עטלעכע מינוט, איר קענען ינקאָרפּערייט זיי. לעצטנס צוגעגעבן צו קאָדעפּען.

קאַרדס ווי 3 ד פּראָדוקט קאַרדס

3 ד קאַרד

עס זאָל זיין אנגעוויזן אַז די קאַרדס זענען ווי אויב מיר האָבן אַ סעריע פון ​​קאַרדס אויף אַ טיש. דער טייַטל איז לינקס און זיי פארגרעסער, קליקט אויף יעדער און ווייַזן די צוריק פון די קאַרטל צו ווייַזן פּראָדוקט אינפֿאָרמאַציע. מיר גיט ווידער און לאָזן עס ווי עס איז געווען מיט די פראָנט. שליימעסדיק פֿאַר לערנען 3 ד קסס פּראָפּערטיעס.

פּאַראַללאַקס קאַרד

פּאַראַללאַקס קאָרט

א זייער וויזשאַוואַל עקספּערימענט מיט אַ אויג-קאַטשינג פליפּ ווירקונג. עס איז בעסער אַז איר זען עס צו וויסן וואָס עס איז גערעדט וועגן.

האָווער ווירקונג פֿאַר קאַרדס

האָווער קאָרט

א פּשוט ווירקונג אָבער גיממיקי האָווער וועגן קאַרדס.

פּשוט כאַווער ווירקונג

פּשוט קאָרט

סטרייקינג גאַנץ פּשוט ווירקונג, אָבער דאָס האט אַ גרויס ווירקונג דער מאָמענט מיר וויזשוואַלייז עס.

פּאַראַללאַקס טיף קאַרדס

פּאַראַללאַקס טיף

די קאַרדס טראָגן די פּאַראַללאַקס באַגריף צו די שפּיץ צו פאָרעם עטלעכע זייער סטרייקינג קאַרדס דורך פּלאַן. איר נאָר האָבן צו זען עס צו בעסער פֿאַרשטיין די ווירקונג וואָס עס טראגט אויף די באַניצער ווען איר סעלעקטירן עטלעכע פון ​​די קאַטעגאָריעס אין אונדזער בלאָג.

וי קאָרט פֿאַר קינאָ

פֿילם קאַרטל

א קאַרטל פון גרויס אויסלייג געמאכט מיט HTML און CSS.

פּראָפיל קאַרטל

קאָנטאַקט קאַרטל

זייער גוט אַנאַמיישאַנז פֿאַר אַ קאָנטאַקט קאַרטל אין וועלכע מיר קענען ינסטרומענט אַקסעס צו געזעלשאַפטלעך מידיאַ פּראָופיילז. HTML און CSS.

פּאָלאַראָיד באַנדאַלד קאַרדס

פּאָלאַראָיד

מיט פּראָפּערטיעס, פילטערס און מנהג CSS טראַנזישאַנז די סעריע פון ​​פּאָלאַראָיד גרופּט קאַרדס זענען באשאפן; טאָן ניט פעלן די SVG בילדער וועב.


דער אינהאַלט פון דעם אַרטיקל אַדכיר צו אונדזער פּרינציפּן פון לייט עטיקס. צו מעלדונג אַ טעות גיט דאָ.

א באַמערקונג, לאָזן דיין

לאָזן דיין באַמערקונג

אייער בליצפּאָסט אַדרעס וועט נישט זייַן ארויס. Required fields זענען אנגעצייכנט מיט *

*

*

  1. פאַראַנטוואָרטלעך פֿאַר די דאַטן: Miguel Ángel Gatón
  2. ציל פון די דאַטן: קאָנטראָל ספּאַם, קאָמענטאַר פאַרוואַלטונג.
  3. לעגיטימאַטיאָן: דיין צושטימען
  4. קאָמוניקאַציע פון ​​די דאַטן: די דאַטן וועט נישט זיין קאַמיונאַקייטיד צו דריט פּאַרטיעס אַחוץ דורך לעגאַל פליכט.
  5. דאַטן סטאָרידזש: דאַטאַבייס כאָוסטיד דורך Occentus Networks (EU)
  6. רעכט: צו קיין צייט איר קענט באַגרענעצן, צוריקקריגן און ויסמעקן דיין אינפֿאָרמאַציע.

  1.   CRISTIAN דאָס

    עס וועט זיין מעגלעך צו שטעלן קיין פון די קאַרדס אויף אַ בלאַט מיט וואָרדפּרעסס