40 CSS פארמען וואָס קענען ניט זיין פעלנדיק אויף קיין וועבזייטל

לאָגין פאָרעם

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

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

ינדעקס

מינימאַליסט קאָנטאַקט פאָרעם

פאָרעם-מינימאַליסט

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

פֿאַרבונדענע אַרטיקל:
23 הויך קוואַליטעט CSS לייברעריז פֿאַר וועב פּלאַן

מינימאַליסט פאָרעם

מינימאַליסט

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

ווינטאַגע קאָנטאַקט פאָרעם

ווינטאַגע

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

בריוו קאָנטאַקט פאָרעם

בריוו

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

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

יקספּאַנדיד קאָנטאַקט פאָרעם

יקספּאַנסיוו קאָנטאַקט פאָרעם

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

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

קאָנטאַקט פאָרעם

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

אָפּצאָל פֿאַר צאָלונג קאַרטל

ויסשרייַבן צאָלונג קאַרטל

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

קרעדיט קאַרטל פלאַך פּלאַן

ריין CSS קרעדיט קאַרטל

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

קרעדיט קאַרטל וי

סנאַקקאַבלעס

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

רעאַגירן ויסשרייַבן

React

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

ויסשרייַבן צאָלונג קאַרטל

פּאָפּאָוו

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

קרעדיט קאַרטל צאָלונג

פּאַס

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

קרעדיט קארטל

טעגלעך

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

שריט דורך שריט פאָרעם

שריט דורך שריט

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

ינטעראַקטיווע פאָרעם

ינטעראַקטיווע

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

שריט דורך שריט פאָרעם

שריט דורך שריט

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

שריט דורך שריט

פּאַסאָ

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

מולטי שריט דזשקווערי פאָרעם

דזשקווערי מאַלטי שריט

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

UI אַנאַמיישאַן פאָרעם

אַנאַמיישאַן פאָרעם

די טראַנזישאַנז פון דעם UI אַנאַמיישאַן פאָרעם זיי זענען באזירט אויף דאָמינק מאַרסקוסיק. ופמערקזאַמקייט צו די שעפעריש ווירקונג פון די קעסטל אין בלוי ווען מיר קליקט אויף עטלעכע פון ​​די צוויי פעלדער פון די לאָגין אָדער לאָגין.

אַקאַונט שאַפונג / לאָגין פאָרעם

לאָגין קרעאַטיאָן

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

שלאַנג הויכפּונקט

שלאַנג

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

לאָגין פאַרשטעלן

צייכן אריין

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

לאָגין וי פּלאַן

לאָגין פאָרעם

דיזיינד מיט HTML, Sass און jQuery. לאָגין וי פּלאַן es eלעגאַנט און קלאָר אויף דער טעמע וואָס טאָן ניט פעלן סאַטאַל אַנאַמיישאַנז צו ווערן אן אנדער פון די פאַוואָריטעס אויף דער רשימה.

לאָגין און UI חשבון שאַפונג

לאָגין רעגיסטראַציע

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

אַבנאַקשאַס ערראָרס

אַבנאַקשאַס

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

לאָגין CSS HTML

קסס

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

מאָדאַל לאָגין פאָרעם

מאָדאַל

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

פאָרעם פלעקסבאָקס

פלעקסאַבאַל

מיר אָנהייבן די זוכן פארמען מיט דעם פאָרעם באזירט אויף פלעקסבאָקס. עס שטייט אויס פֿאַר די רויט קאָליר פון די «זוכן» און פֿאַר ביסל מער פֿאַר אַן עלעגאַנט זוכן פעלד פֿאַר דיין וועבזייטל.

אַנימאַטעד קעסטל

אַנימאַטעד קעסטל

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

זוכן פעלד

שטופּן זוכן

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

דריקט אויף די פּשוט זוכן פעלד

וואַזע

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

CSS טעקסט אַרייַנשרייַב ווירקונג

CSS ינפּוט

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

גאַנץ פאַרשטעלן זוכן

גאַנץ פאַרשטעלן זוכן

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

זוכן

זוכן

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

קיין פֿראגן

קיין פֿראגן

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

אויפֿשפּרינג אַבאָנעמענט פאָרעם

אַבאָנירן

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

אַבאָנעמענט קעסטל וי

אַבאָנעמענט

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

CSS אַבאָנעמענט קעסטל

אַבאָנעמענט

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

אַבאָנעמענט קעסטל

אַבאָנעמענט קעסטל

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

EMOJI וואַלאַדיישאַן פאָרעם

EMOJI

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

דו זאלסט נישט פאַרפירן דעם רשימה פון 23 אַנימאַטעד עראָוז אין CSS.


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

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

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

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

*

*

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

  1.   וואַן דזשאָסע פּערעז דאָס

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