41 פריי CSS קנעפּלעך מיט אַ ביסל דזשאַוואַסקריפּט

Free CSS קנעפּלעך

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

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

ינדעקס

3 ד קנעפּל

3 ד קנעפּל

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

3 ד קנעפּל צו דרוקן

3 ד קנעפּל צו דרוקן

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

צוריק קנעפּל

צוריק קנעפּל

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

בלאָז קנעפּל

בלאָז קנעפּל

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

לייג קנעפּל

לייג קנעפּל

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

CSS פאָטאָ קנעפּל

פאָטאָ

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

קנעפּל קלאָוזשער

נאָענט

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

CSS נאָענט קנעפּל

CSS נאָענט קנעפּל

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

CSS אראפקאפיע קנעפּל

CSS אראפקאפיע קנעפּל

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

אראפקאפיע קנעפּל

אראפקאפיע קנעפּל

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

אראפקאפיע קנעפּל אַנאַמיישאַן

אַנאַמיישאַן אראפקאפיע

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

האָווער קנעפּל

האָווער קנעפּל

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

ראַש קנעפּל

ראַש קנעפּל

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

האָווער ווירקונג

האָווער ווירקונג

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

מאָדערן כאַווער ווירקונג

האָווער סטיל

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

גאָאָיי ווירקונג

גאָאָיי ווירקונג

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

פּאַס קנעפּל

פּאַס קנעפּל

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

דריי קסס קנעפּל יפעקס

דריי יפעקס

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

ווי טוויטטער קנעפּל

ווי טוויטטער קנעפּל

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

ווי אַנאַמיישאַן קנעפּל

ווי אַנאַמיישאַן קנעפּל

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

ספּלאַט ווי קנעפּל

ספּלאַט

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

שפּיל קנעפּל

רעפּראָדוקציע

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

פּלייַבאַקק קסס קנעפּל

קסס פּלייבאַק

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

פּאָז / שפּיל קנעפּל

פּלייַבאַקק פּאָז

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

רעטראָ פּשוט קנעפּל

רעטראָ

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

רעגנבויגן קנעפּל

רעגנבויגן

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

סאציאל קנעפּל

געזעלשאַפטלעך

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

פלאָוטינג אַנאַמיישאַן

פלאָוטינג אַנאַמיישאַן

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

3 ד געזעלשאַפטלעך נוליקע

3 ד געזעלשאַפטלעך נוליקע

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

סאציאל קנעפּלעך

סאציאל קנעפּלעך

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

קוביק געזעלשאַפטלעך קנעפּלעך

קוביק געזעלשאַפטלעך קנעפּלעך

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

שער קנעפּלעך

שער קנעפּלעך

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

ייַנטיילן קנעפּל אין סאציאל מעדיע אין SVG

שער קנעפּלעך svg

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

גאָוי ייַנטיילן קנעפּל

שער גאָאָיי

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

ייַנטיילן

ייַנטיילן

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

שטערן באריכטן קנעפּל

שטערן באריכטן קנעפּל

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

SVG כעזשבן קנעפּל

כעזשבן סווג קנעפּל

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

באַשולדיקונג קנעפּל

מאַסע קנעפּל

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

אָננעמען קנעפּל

אָננעמען קנעפּל

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

לאַקכענען קנעפּל

לאַקכענען

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

ופשליסן האַווייַע

ופשליסן האַווייַע

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


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

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

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

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

*

*

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

  1.   נעלסאָן דאָס

    גרויס צושטייַער פרייַנד, דאַנקען דיר

  2.   benito carlos דאָס

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