אויב עס איז עפּעס וואָס איז יוזשאַוואַלי זייער פּראָסט פֿאַר קיין טיפּ פון וועבזייטל, דאָס איז די פאָרעם. די פארמען וואָס מיר נוצן צו פּלאָמבירן די קאָנטאַקט אינפֿאָרמאַציע, אַרייַן באַנק דעטאַילס, קלאָץ אין אַ געזעלשאַפטלעך נעץ אָדער נאָר דורכפירן אַ זוכן ווי מיר יוזשאַוואַלי טאָן טעגלעך אין די Google זוכן מאָטאָר.
אַזוי הייַנט מיר וועלן ווייַזן איר 40 פארמען אין CSS ריינדזשינג פון קאָנטאַקט פארמען, קרעדיט קאַרטל ויסשרייַבן, לאָגינס, פּשוט, אַבאָנעמענט אָדער אפילו וואַלאַדיישאַן. א סעריע פון פארמען מיט ויסגעצייכנט עלאַגאַנס און סטיל צו געבן אַ ספּעציעל פונט צו דיין וועבזייטל, ראַגאַרדלאַס פון די טעמע.
ינדעקס
- 1 מינימאַליסט קאָנטאַקט פאָרעם
- 2 מינימאַליסט פאָרעם
- 3 ווינטאַגע קאָנטאַקט פאָרעם
- 4 בריוו קאָנטאַקט פאָרעם
- 5 יקספּאַנדיד קאָנטאַקט פאָרעם
- 6 קאָנטאַקט פאָרם וי
- 7 אָפּצאָל פֿאַר צאָלונג קאַרטל
- 8 קרעדיט קאַרטל פלאַך פּלאַן
- 9 קרעדיט קאַרטל וי
- 10 רעאַגירן ויסשרייַבן
- 11 ויסשרייַבן צאָלונג קאַרטל
- 12 קרעדיט קאַרטל צאָלונג
- 13 קרעדיט קארטל
- 14 שריט דורך שריט פאָרעם
- 15 ינטעראַקטיווע פאָרעם
- 16 שריט דורך שריט פאָרעם
- 17 שריט דורך שריט
- 18 מולטי שריט דזשקווערי פאָרעם
- 19 UI אַנאַמיישאַן פאָרעם
- 20 אַקאַונט שאַפונג / לאָגין פאָרעם
- 21 שלאַנג הויכפּונקט
- 22 לאָגין פאַרשטעלן
- 23 לאָגין וי פּלאַן
- 24 לאָגין און UI חשבון שאַפונג
- 25 אַבנאַקשאַס ערראָרס
- 26 לאָגין CSS HTML
- 27 מאָדאַל לאָגין פאָרעם
- 28 פאָרעם פלעקסבאָקס
- 29 אַנימאַטעד קעסטל
- 30 זוכן פעלד
- 31 דריקט אויף די פּשוט זוכן פעלד
- 32 CSS טעקסט אַרייַנשרייַב ווירקונג
- 33 גאַנץ פאַרשטעלן זוכן
- 34 זוכן
- 35 קיין פֿראגן
- 36 אויפֿשפּרינג אַבאָנעמענט פאָרעם
- 37 אַבאָנעמענט קעסטל וי
- 38 CSS אַבאָנעמענט קעסטל
- 39 אַבאָנעמענט קעסטל
- 40 EMOJI וואַלאַדיישאַן פאָרעם
מינימאַליסט קאָנטאַקט פאָרעם
א פּשוט קאָנטאַקט פאָרעם מיט אַ גרויס פאַרשיידנקייַט פון יפעקס אַזאַ ווי פלאָוטינג מאַרקס אָדער שורה אַנאַמיישאַנז. עלעגאַנט קסס קאָד מיט אַ ביסל דזשאַוואַסקריפּט. אויב איר זוכט פֿאַר אַ מינימאַליסט קאָנטאַקט פאָרעם דאָס איז שליימעסדיק פֿאַר איר.
מינימאַליסט פאָרעם
אַנדערער מינימאַל פאָרעם, כאָטש בלויז אין CSS צו זיין אַ פּשוט און הויך-ווירקונג פאָרעם. עס האט נישט די מינימאַליסט אַנאַמיישאַנז פון די פריערדיקע, אָבער עס איז זייער גוט מיט זיין אָביעקטיוו.
ווינטאַגע קאָנטאַקט פאָרעם
ווינטאַגע קאָנטאַקט פאָרעם, אַ זייער עלעגאַנט פּלאַן. אָפּרופיק פֿאַר יענע וועבסיטעס צו ווערן געזען פון רירעוודיקכאָטש עס קען נישט אַרייַננעמען וואַלאַדיישאַן.
בריוו קאָנטאַקט פאָרעם
דעם קאָנטאַקט פאָרעם עס האט אַ גאַנץ נייַגעריק אַנאַמיישאַן: אַ בריוו איז געשאפן. פּשוט, אָבער זייער נוציק מיט אַ פּלאַץ פון קאָלירן.
יקספּאַנדיד קאָנטאַקט פאָרעם
דעם קאָנטאַקט פאָרעם יקספּאַנדיד עס איז בלויז פראָנט סוף און האט די וואַלאַדיישאַן מיט jQuery. מיר דרוקן אויף די פלאָוטינג קנעפּל און די פאָרעם וועט זיין געוויזן מיט אַ וויבראַנט אַנאַמיישאַן. וואונדערבאר.
קאָנטאַקט פאָרם וי
קאָנטאַקט פאָרם וי עס איז אַ פאָרעם געמאכט אין HTML און CSS. עס שטייט אויס פֿאַר זייַענדיק אַ פּשוט קאָנטאַקט קאַרטל אַז מיר קענען פּלאָמבירן אַזוי אַז בלויז די טעקסט פעלד ענדערונגען ווען עס קליקט.
אָפּצאָל פֿאַר צאָלונג קאַרטל
Un צאָלונג קאַרטל ויסשרייַבן געמאכט אין HTML, CSS און JavaScript וואָס אונטערשיידן דורך ראָוטייטינג אַנאַמיישאַן די קרעדיט קאַרטל אין דעם מאָמענט מיר דרוקן אויף די קווק אָדער זיכערהייט נומער פעלד.
קרעדיט קאַרטל פלאַך פּלאַן
ריין CSS פֿאַר אַ ויסשרייַבן פֿאַר קרעדיט קאַרדס אין פלאַך פארבן. קאָליריק און זייער פּשוט, וואָס איז ביכולת צו באַצייכענען קוואַליטעט און פּראַפעשאַנאַליזאַם.
קרעדיט קאַרטל וי
אן אנדער קרעדיט קאַרטל אין HTML, CSS און דזשאַוואַסקריפּט וואָס שטייט אויס ווי גוט עס איז אויסדערוויילט דער קוילעלדיק פּלאַן. מיר האָבן פארגעסן אַנאַמיישאַנז אין דעם שטיק קאָד פֿאַר דיין וועבזייטל. אראפקאפיע עס אויף דעם לינק.
רעאַגירן ויסשרייַבן
רעאַגירן ויסשרייַבן, געמאכט מיט 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 טעקסט אַרייַנשרייַב ווירקונג כולל אַ סעריע פון אַנאַמיישאַנז אין טעקסט און זוכן שופלאָד צו זיין אַ אָפּגעהיט סיקער אין פאָרעם.
גאַנץ פאַרשטעלן זוכן
דעם פּאָזיציע פון גאַנץ פאַרשטעלן זוכן עס אַרבעט מיט קיין טיפּ פון אויסלייג אָדער שטעלע. רעקווירעס סטיילז קאַנטיינער ספּעציפיש און זוכן-אָוווערליי עלעמענט צו ליגן אין דער וואָרצל. עס איז קעראַקטערייזד דורך אַ באַונסינג אַנאַמיישאַן אין דעם מאָמענט ווען מיר דריקן די זוכן קנעפּל.
זוכן
Un זוכן פאָרעם פּשוט אַז ער לייקס צו שפּילן מיט די פאַרשידענע שטעלעס און אַנאַמיישאַנז. מיר דריקט אויף די זוכן קנעפּל און די גאַנץ שופלאָד איז טיפּיד די ווערטער. זייער קראַנט און העכסט רעקאַמענדיד פֿאַר ווי פּשוט עס איז.
קיין פֿראגן
קיין קשיא es פּשוט פאָרעם מיט טעקסט פעלד און די אָפּציע צו סעלעקטירן עטלעכע ענטפֿערס פֿאַר די באַניצער צו סעלעקטירן זיי. גרויס וויזשוואַלי צו זיין איינער פון די בעסטער.
אויפֿשפּרינג אַבאָנעמענט פאָרעם
מיט דעם אַבאָנעמענט פאָרעם אויפֿשפּרינג, מיר דריקט אויף די פלאָוטינג קנעפּל און עס וועט נעמען אונדז צו פאָרעם מיט אַ זייער מאָדנע טאָן און אַ פעלד וווּ איר קענען אַרייַן די E- בריוו. שליימעסדיק פֿאַר E- בריוו פֿאַרקויף.
אַבאָנעמענט קעסטל וי
א אַבאָנעמענט קעסטל מיט אַ שרעק גלאָק און ביסל מער ווי פלאַך פארבן אין דער פּלאַן.
CSS אַבאָנעמענט קעסטל
א קלוג אַבאָנעמענט קעסטל פֿאַר די פאַקט פון נוצן גראַדיענץ פֿאַר די אַבאָנירן קנעפּל פּונקט ווי די לילאַ כיו פון דעם פעלד.
אַבאָנעמענט קעסטל
א פּשוט אַבאָנעמענט קעסטל אָבער פון גרויס ווירקונג דורך פּלאַן.
EMOJI וואַלאַדיישאַן פאָרעם
אין ריין CSS דעם וואַלאַדיישאַן פאָרעם צו מאַכן די שליסל אָדער פּאַראָל. בשעת מיר שרייַבן, די עמאָדזשי וועט מעסטן די זיכערהייט מדרגה פון די פאָרעם. מאָדנע און טשיקאַווע אָן צווייפל.
דו זאלסט נישט פאַרפירן דעם רשימה פון 23 אַנימאַטעד עראָוז אין CSS.
ויסגעצייכנט מוסטער פון יגזאַמפּאַלז דערלאנגט דאָ. די פאַרשיידנקייַט און אַדאַפּטיישאַן צו פאַרשידענע קאַנטעקסץ און דער בעסטער זאַך איז אַז די לינק פון יעדער טיטל כולל די דעמאָ און די מקור קאָד כאָטש איר זאָל הויכפּונקט עס מיט אַ קנעפּל «זען דעמאָ» ווייַל עס איז געווען אויס פון נייַגעריקייַט אַז איך דיסקאַווערד עס אין די טיטל . דאַנקען פֿאַר דעם צושטייַער. גרעעטינגס פון קאַראַקאַס.
עס געהאָלפֿן מיר אַ פּלאַץ, דאַנקען דיר.