BESTER BUTTON EFFEKT Ever?? CSS Only Gummy Animation oO 👍 [TUTORIAL]

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2024

Комментарии • 61

  • @Robin-ym1jy
    @Robin-ym1jy 4 года назад +11

    Mehr solche geilen CSS/SASS Sachen! 👏👏🙂

  • @christophermatt5925
    @christophermatt5925 2 года назад

    15:40 - das ist echt awesome

  • @herrkartoffele8992
    @herrkartoffele8992 4 года назад +1

    Wo du dein Wissen hernimmst ist unfassbar beeindruckend! Riesen Respekt echt :)

  • @hauserwebdesign5513
    @hauserwebdesign5513 4 года назад +1

    Ich bin so dankbar deinen Kanal gefunden zu haben. Mega geiler content !!!

  • @dr4co320
    @dr4co320 4 года назад +5

    Oha wie kommst du immer auf so krassen stuff, wüsste nie, wie ich das umsetzen könnte, respekt :0

    • @dr4co320
      @dr4co320 4 года назад

      btw, kann in der live demo auf codepen den button nicht sehen, muss ich dafür noch irgendwas machen? :D

    • @codingcube612
      @codingcube612 4 года назад +1

      ​@@dr4co320 eig nicht ich nute Chrome und das funktioniert super wird bei dir ein Error angezeigt?

    • @dr4co320
      @dr4co320 4 года назад

      @@codingcube612 oh im chromium gehts, firefox scheint da probleme zu machen, danke dir

    • @codingcube612
      @codingcube612 4 года назад +1

      @@dr4co320 kp (Chrome ist überall besser XD
      )

    • @dr4co320
      @dr4co320 4 года назад

      @@codingcube612 maybe xD

  • @psychedelic-chi
    @psychedelic-chi Год назад

    Einfach nur krass ... das muss man erstmal geistig umsetzen, ich mag es ja nicht die dinge einfach nur abzuschreiben und nix zu verstehen... vielen Dank für die Infos!

  • @codingcube612
    @codingcube612 4 года назад +1

    hi ich liebe diesen Button. Danke dir deine Videos sind Super mach weiter so.

    • @UnleashedDesign
      @UnleashedDesign  4 года назад +1

      Freut mich wenn dir der Button gefällt :P ich überlege die ganze Zeit wo ich den einbauen kann xD

    • @codingcube612
      @codingcube612 4 года назад

      ​@@UnleashedDesign kannst ja ein Wasser Design machen und das als Luftblase nutzen.

  • @jodotodesignweb-music-vide6739
    @jodotodesignweb-music-vide6739 4 года назад

    so nice , das probiere ich gleich mal aus. Danke für das Tutorial

  • @caterpillar4153
    @caterpillar4153 4 года назад

    Ich kann nur sagen TOP!!!!

  • @zepenthium
    @zepenthium 4 года назад

    Gummi Grafik schön und gut. Ich finde das erinnert sehr sehr stark an die Lava Lampen 😂 Den Effekt kenne ich schon, ist echt cool. Und immer interessant, weil du meist andere Umsetzungsarten hast als ich.

    • @UnleashedDesign
      @UnleashedDesign  4 года назад

      stimmt 😂 man könnte auch mehrere in verschiedenen farben übereinander legen und hätte eine flamme

    • @zepenthium
      @zepenthium 4 года назад

      @@UnleashedDesign Stimmt, sähe bestimmt auch sehr gut aus. Man kann damit auf jeden Fall viel herumexperimentieren

    • @MrLion22
      @MrLion22 4 года назад

      @@UnleashedDesign apropos flamme, da müssten die spitzen dann besser hervorgehoben werden. Eine Flamme kann man schlecht aus kreisen (blubber) darstellen. Wenn du dafür eine Lösung hättest, sind wir gerne daran interessiert...

  • @Hakkalakka
    @Hakkalakka 4 года назад

    Sehr schick 😍

  • @slawishenko
    @slawishenko 3 года назад

    Sehr schöner Effekt, Danke! Weiß du ob es inzwischen einen Fix für Safari gibt?

    • @UnleashedDesign
      @UnleashedDesign  3 года назад +1

      Freut mich wenn dir der Effekt gefällt, es gibt Fallbacks aber würde es schlicht ignorieren da es nur ein Optischer effekt ist und es extrem aufwendig ist :D

  • @RageOfNemesis
    @RageOfNemesis 3 года назад +1

    Netter CTA Button für einen Lavalampen-Store/Blog/whatever falls es sowas gibt :D

  • @ndr1337
    @ndr1337 4 года назад +1

    Der Safari Browser (iOS) kann diesen Button nicht wirklich anzeigen, gibt's vielleicht dazu noch ein fix?

  • @_juniorcoder
    @_juniorcoder 4 года назад +1

    Kannst du mal ein Tutorial machen, wie du deine Videos produzierst und wie du da rangehst?

    • @UnleashedDesign
      @UnleashedDesign  4 года назад +1

      Was genau stellst du dir da vor bzw. würdest du gerne wissen?

    • @_juniorcoder
      @_juniorcoder 4 года назад

      @@UnleashedDesignDie Planung des Videos, also wie du deine Themen herraussuchst und wie du aufnimmst (Aufnahmeprogramm, Bearbeitungsprogramm). So hätte ich mir das vorgestellt, wäre das möglich umzusetzen?

  • @Robin-ym1jy
    @Robin-ym1jy 4 года назад +1

    Kann man diesen Effekt auch auf die gesamte Website anwenden? Also dass der Footer quasi diesen Effekt hat? :]

  • @mariotipp5018
    @mariotipp5018 2 года назад

    Mega cool! Kannst du dir vorstellen, den Code zum Download anzubieten? So schnell kann ich nicht mitschreiben 😀

    • @UnleashedDesign
      @UnleashedDesign  2 года назад

      Der Code ist da ;) als CodePen in der Beschreibung

  • @erickbecker7604
    @erickbecker7604 2 года назад

    Hey ich habe eine Frage wie funktioniert das mit sass irgendwie sieht es am ende nie so aus wenn ich den ganzen tutorial code abgetippt habe muss ich irgendetwas zusätzlich installieren ? mit html , den normalen css und javascript habe ich nie diese probleme

    • @UnleashedDesign
      @UnleashedDesign  2 года назад

      Am besten das Video zu meiner IDE gucken das ist in der Beschreibung verlinkt, hier erkläre ich wie das alles funktioniert :)

  • @hendrik2765
    @hendrik2765 4 года назад

    Super Knopf ^^, hätte sogar eine Anwendung dafür aber der scheint nur auf Chrome zu funktionieren von dem was ich bis jetzt gesehen habe. Auf Safari und FireFox scheint er leider nicht zu gehen was ihn dann doch einschränkt

    • @UnleashedDesign
      @UnleashedDesign  4 года назад

      Man müsste anscheinend die SVG Grafik nicht per dIsplay none ausblenden dann sollte es gehen. Hat die Community auf discord raus gefunden.

    • @Shrumpf
      @Shrumpf 4 года назад

      I bims, die Community. Im Discord gibts die Lösungen am frühsten!

  • @lizt_official
    @lizt_official 4 года назад

    Sehr schöner Button, allerdings finde ich den für die meisten Websites zu aufwändig. (Nur persönliche Meinung).
    Ich werd den mal ausprobieren, mal schauen wo man den gut verwenden kann.
    Ps. border-radius: 50% langt für eine kugel ;)

    • @UnleashedDesign
      @UnleashedDesign  4 года назад

      ja ob man den wirklich gut verwenden kann xD komm auf die Website an. Finde nur den Effekt als solchen mega nice

  • @pixelgrafik1146
    @pixelgrafik1146 4 года назад +1

    Kann man das auch in Visual Studio machen?

    • @UnleashedDesign
      @UnleashedDesign  4 года назад +1

      klar :) ist ja nur Code das kannst du auch im Texteditor machen xD

    • @pixelgrafik1146
      @pixelgrafik1146 4 года назад +2

      Unleashed Design Bei mir geht das aber nicht mit main.sass. Woran liegt das?

    • @silwaeng
      @silwaeng 4 года назад +1

      @@pixelgrafik1146 les dir mal was zu sass/preprocessors durch, die sass Datei wird mit dem sass kompiler zu CSS kompiliert, das ist nötig da der Browser dass nicht versteht, lediglich CSS

  • @Linuxdirk
    @Linuxdirk 4 года назад

    Echt krass, was inzwischen alles geht. Ich bin so raus seit einigen Jahren. 👍

    • @UnleashedDesign
      @UnleashedDesign  4 года назад

      Deffinitiv es tut sich sehr viel auf dem Gebiet :)

  • @klauscornelsen2230
    @klauscornelsen2230 3 года назад

    Wirklich krasse Sachen auf Deinem Kanal. Was mich ein wenig stört ist, dass Du immer so schnell sprichst. So schnell kann man das doch gar nicht verstehen. Man ist immer wieder gezwungen, das Video anzuhalten - verstehen - weitersehen. Ansonsten wie gesagt gute Ideen. Was man mit CSS alles machen kann... Ich wusste bisher nicht einmal ein Viertel.

    • @UnleashedDesign
      @UnleashedDesign  3 года назад

      Geschwindigkeit ist halt immer "Streitthema" :D einigen Zuschauern bin ich noch viel zu langsam anderen viel zu schnell :/ kann da leider nur Versuchen ein Mittelding zu fahren :D aber freut mich wenn dir die Videos gefallen

  • @MaxHDeveloping
    @MaxHDeveloping 4 года назад

    Bei so welchen HTML/CSS Elementen frage ich mich immer, wer sowas wirklich in seine Website einbaut.

    • @UnleashedDesign
      @UnleashedDesign  4 года назад +1

      also in einigen zusammenhängen könnte ich mir das vorstellen :P aber es kommt bald ein Video das diesen Effekt deutlich "Realer" nutzt und das man in wirklich fast jede Website einbauen könnte :)

    • @MaxHDeveloping
      @MaxHDeveloping 4 года назад

      @@UnleashedDesign freu mich schon 👍

  • @walterhafner2910
    @walterhafner2910 4 года назад

    Gummi mit i