Watermelon | HTML CSS

Sdílet
Vložit
  • čas přidán 14. 03. 2023
  • #shorts #css #html #trending #tutorials
    Source code: shorturl.at/fmtS1
    Sound effects from Pixabay.

Komentáře • 618

  • @isim42
    @isim42 Před 7 měsíci +1540

    python:
    import watermelon
    print(watermelon.draw())

    • @deadline346
      @deadline346 Před 7 měsíci +37

      Lol

    • @samanthagoessling6984
      @samanthagoessling6984 Před 7 měsíci +19

      True😅

    • @cavid-19scripts
      @cavid-19scripts Před 7 měsíci +104

      AttributeError: partially initialized module 'watermelon' has no attribute 'draw' (most likely due to a circular import)

    • @HateHater-H2_br
      @HateHater-H2_br Před 7 měsíci +26

      comparing CSS with python is not appropriate, considering that CSS is not even programming. Don't downgrade python! 😅

    • @mastahrage9931
      @mastahrage9931 Před 7 měsíci +18

      ​@@HateHater-H2_br how is CSS not programming?

  • @EsoRimerCz
    @EsoRimerCz Před 10 měsíci +758

    This is the speed customers expect you to program.

  • @thomasedwardking7286
    @thomasedwardking7286 Před rokem +1747

    What you can do with one HTML page and s little CSS is amazing, dude

    • @modibosacko1595
      @modibosacko1595 Před rokem

      00⁰

    • @human9h36
      @human9h36 Před rokem +147

      He probably coded this for 7 hour 💀

    • @user-sh3uq1ct8t
      @user-sh3uq1ct8t Před rokem +20

      Is it amazing?
      Looks lame both video where program types the code for him to film it (for some reason, but it's boring and have no sense) and boring result with quite simple animation and forms.
      Do you really think any of it is amazing?

    • @Your_Average_Rabbit
      @Your_Average_Rabbit Před rokem +122

      @@user-sh3uq1ct8t bro can't code and is saying that what he made is boring ☠️

    • @toordog1753
      @toordog1753 Před rokem

      That was done with ai

  • @muhammadarsyad2997
    @muhammadarsyad2997 Před rokem +377

    the sound of the asmr keyboard is really nice to hear

    • @AdventureIsTheLife01
      @AdventureIsTheLife01 Před rokem +3

      what is asmr ?

    • @kamilasablaturova706
      @kamilasablaturova706 Před rokem +1

      @@AdventureIsTheLife01 rt

    • @facts_with_tull
      @facts_with_tull Před rokem +1

      @@AdventureIsTheLife01 relaxing sounds

    • @Rishav15
      @Rishav15 Před 11 měsíci +1

      fr man

    • @deopping
      @deopping Před 11 měsíci +7

      I couldn't agree. It's just obvious that the typing noise isn't from actually typing, and the typing visuals are sped-up... just use the original typing sound sped up at that point

  • @cockroach-spray4685
    @cockroach-spray4685 Před rokem +337

    With just Css and html dats impressive

  • @javiervillacorta3847
    @javiervillacorta3847 Před rokem +621

    me an intelectual: *a gif inside a div*

  • @atrocitus9198
    @atrocitus9198 Před 11 měsíci +113

    Thanos : all these for a drop of sliced melon.

    • @rohanbeiber6216
      @rohanbeiber6216 Před 11 měsíci +2

      Yeahh😢💔

    • @saumyajain99
      @saumyajain99 Před 10 měsíci +1

      😂

    • @taiwojolaoso8151
      @taiwojolaoso8151 Před 7 měsíci +1

      I was about to type this then I saw your comment.

    • @atrocitus9198
      @atrocitus9198 Před 6 měsíci

      us @@taiwojolaoso8151 😆

    • @atrocitus9198
      @atrocitus9198 Před 6 měsíci

      this is what coders feel when Ui/ux designers create a insane webpage with fancy visuals.​@@saumyajain99

  • @nellesor25
    @nellesor25 Před 4 měsíci +3

    My head hurts. Went back to zero with html again.

  • @a9mission439
    @a9mission439 Před 11 měsíci +19

    Gives me chills man.🎉

  • @itwithmike
    @itwithmike Před 8 měsíci +6

    That’s a minute I won’t get back of my life 😂

  • @saifshaikh2071
    @saifshaikh2071 Před rokem +601

    I am losing confidence now🙃

    • @diegolopes087
      @diegolopes087 Před rokem +90

      relax dude, it takes some time but you'll get there

    • @itz_.M_D
      @itz_.M_D Před rokem +4

      FR

    • @akshaykm9423
      @akshaykm9423 Před rokem +5

      Same 😂🤦

    • @hidoryy
      @hidoryy Před rokem +101

      it's not like he came up with this on the fly. all of these types of videos the guy is just recreating something already done. programming is about making mistakes and fixing them, no one just one shots a full script, application, site or in this case an animation.

    • @akshaykm9423
      @akshaykm9423 Před rokem +3

      @@hidoryy agreed 👍

  • @abhiwryt552
    @abhiwryt552 Před 5 měsíci +1

    Typing sounds so satisfying 😊

  • @lens8617
    @lens8617 Před rokem +4

    Super,👍🏿👍🏿👍🏿

  • @nikolatesla169
    @nikolatesla169 Před 4 měsíci +2

    I remember the times of Macromedia Flash and the.swf files, those were nice animations

  • @ai_world-u9k
    @ai_world-u9k Před 11 měsíci +13

    bro now god level in css⚡

  • @Deepakkumar-ne1jq
    @Deepakkumar-ne1jq Před rokem +4

    Excellent

  • @Rohaan_Muhammadi
    @Rohaan_Muhammadi Před 10 měsíci +3

    Wow ❤

  • @ReadWriteCode
    @ReadWriteCode Před 10 měsíci +3

    Cool!!

  • @j.wilmararcila4150
    @j.wilmararcila4150 Před rokem +3

    Que LINDO algun diia progamare como UN genio 🙏🤍 , gracias ,

  • @wishIKnewHowToLove
    @wishIKnewHowToLove Před rokem +5

    Wow!

  • @FutureTalk_Official
    @FutureTalk_Official Před rokem +5

    Nice 👍

  • @vaishnavipatil.4165
    @vaishnavipatil.4165 Před rokem +2

    Really great👏

  • @ruper0
    @ruper0 Před 7 měsíci +5

    This is what html and css user do everyday.(they cant find a job)

  • @soriful9417
    @soriful9417 Před rokem +2

    Simple work

  • @fahada783
    @fahada783 Před 8 měsíci +1

    Wooow the result 👏

  • @arpitadutta2084
    @arpitadutta2084 Před 11 měsíci +1

    Wow😮

  • @kowsalyav5640
    @kowsalyav5640 Před 3 měsíci +1

    Wow awesome

  • @MGHTYPIETYOSRS
    @MGHTYPIETYOSRS Před 9 měsíci

    Motivation. Very nice

  • @meme_universe0
    @meme_universe0 Před rokem +7

    WOW 😱
    bro, you are amazing 🤥

  • @ramawlewele9203
    @ramawlewele9203 Před 5 měsíci +2

    HTML CSS

  • @EmmanuelNKumeh-gi4pj
    @EmmanuelNKumeh-gi4pj Před měsícem

    Very fast 💪💯💪

  • @umarrizwan2176
    @umarrizwan2176 Před rokem +2

    Nice ❤

  • @natnaeltadele-ol1vs
    @natnaeltadele-ol1vs Před rokem +3

    Good

  • @HappyJukebox-td7wu
    @HappyJukebox-td7wu Před 7 měsíci

    Excellent and nice 💯🎉

  • @user-vo8or4wu3i
    @user-vo8or4wu3i Před 11 měsíci +3

    Am feeling same think waiten for me 😂

  • @ashfakhan9195
    @ashfakhan9195 Před rokem +5

    Great !

  • @taiwojolaoso8151
    @taiwojolaoso8151 Před 7 měsíci +1

    It's like you read my mind.

  • @lolidior1690
    @lolidior1690 Před 2 měsíci +1

    you should do some watermelon's lines with linear-gradient :(

    • @Barirrah1483
      @Barirrah1483 Před 2 měsíci

      Agreed. Without lines the shape does not look impressive.

  • @aditayaattrish515
    @aditayaattrish515 Před 9 měsíci +1

    awesome!

  • @nurdauletsplendid4577
    @nurdauletsplendid4577 Před 10 měsíci +2

    ❤❤❤❤❤

  • @subirdawn3174
    @subirdawn3174 Před 3 měsíci

    Love it ❤

  • @thinks9451
    @thinks9451 Před rokem +8

    watermelon
    :root{
    --bg: #87d8c2;
    --green: #009900;
    --red: #e70001;
    }
    body{
    background-color:var(--bg);
    }
    .watermelon {
    position:absolute;
    height:100px;
    width:100px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    }
    .cut-1 {
    position: absolute;
    height:50px;
    width:100px;
    left:30%
    top:40%;
    border-radius:50%;
    transform: rotate(45deg);
    background-color: var(--red);

    }
    .cut-1 after {
    content:"";
    position: absolute;
    height:100%;
    width:100%;
    top:15%;
    border-bottom:60px solid var( --green);
    border-bottom-left-radius:100px;
    border-bottom-right-radius:100px;

    }
    .seed1, .seed2, .seed3, seed4, seed5 {
    height:10px;
    width:10px;
    border-bottom-right-radius:100px;
    border-bottom-left-radius:100px;
    background-color: var(--seeds);
    }
    .seed1 {
    position:absolute;
    left:45%;
    top:40%;
    }
    .seed2 {
    position:absolute;
    left:50%;
    top:40%;
    }
    .seed3 {
    position:absolute;
    left:45%;
    top:45%;
    }
    .seed4 {
    position:absolute;
    left:45%;
    top:45%;
    }
    .seed5 {
    position:absolute;
    left:40%;
    top:45%;
    }
    .cut-2 {
    position: absolute;
    height:100%;
    width:200%;
    left:30%;
    top:40%;
    border-radius:50%;
    transform:rotate(-130deg);
    background-color: var(--green);
    animation: slice 5s
    ease-in-out infinite;
    }
    .cut-2 after {
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    top:-15%;
    border-bottom: 60px solid var(--green);
    border-bottom-left-radius:100px;
    border-bottom-right-radius:100px;
    }
    @keyframes slice {
    from {
    left:30px;
    top:40px;
    }
    to {
    left:45px;
    top:50;
    }
    }






    Can you help me where I was wrong?

    • @learning-axis
      @learning-axis  Před rokem

      see code link in description

    • @Player-ux4ke
      @Player-ux4ke Před 7 měsíci

      Did you for real pay attention at the video and pause it a billion times just to copy the code or you looked at the code link in the description?

  • @TruthSachin
    @TruthSachin Před rokem +2

    Wow beautiful 😂😂😂😂

  • @kollay
    @kollay Před 10 měsíci +1

    wow nice.

  • @user-vi4nv3ux5c
    @user-vi4nv3ux5c Před 6 měsíci +1

    😮😮😮

  • @Gallardodreamer06
    @Gallardodreamer06 Před 2 měsíci +1

    My stress just went up I’m still trying to learn html

  • @perceptrongamedeveloper
    @perceptrongamedeveloper Před rokem +3

    cool

  • @saurabhchauhan07
    @saurabhchauhan07 Před 7 měsíci +2

    Chat gpt .with keybord voice 😂😂🎉🎉

  • @andrian4052
    @andrian4052 Před 10 měsíci

    Impresive 🤙

  • @learnbypreet
    @learnbypreet Před 4 měsíci

    love it!

  • @ranjan_kumar_
    @ranjan_kumar_ Před rokem +15

    me : printf ("hello world"); 😂🙄

  • @techpoint_bd1
    @techpoint_bd1 Před 11 měsíci +2

    ❤❤❤❤

  • @JIRICONFIDENTIAL
    @JIRICONFIDENTIAL Před 8 měsíci +1

    Wow

  • @HappyJukebox-td7wu
    @HappyJukebox-td7wu Před 7 měsíci

    Good❤❤❤

  • @mawsonek7703
    @mawsonek7703 Před 6 měsíci

    #Watermelon

  • @NICodingOfficial
    @NICodingOfficial Před 3 měsíci

    Nice 😊

  • @cezarmonteiro5581
    @cezarmonteiro5581 Před rokem +22

    Great video, brother! What's your keyboard? the sound is great!

    • @ratamat
      @ratamat Před rokem +9

      pretty sure he just used a keyboard sound effect

  • @ny_to_prosto
    @ny_to_prosto Před 9 měsíci

    Interesting, I have to try it

  • @TuTioJhon
    @TuTioJhon Před rokem +2

    Nices!

  • @sukhwinderkaurmahi4198
    @sukhwinderkaurmahi4198 Před 11 měsíci +8

    Launching AI (artificially intelligence) then the same work complete in 1 mint only 😅😅

    • @Barirrah1483
      @Barirrah1483 Před 2 měsíci

      If someone does not know HTML CSS, AI cannot help him. For several time. It is experienced that some codes are not according to our own requirements.

  • @shuvov2k474
    @shuvov2k474 Před rokem +2

    ❤❤❤

  • @asemdarwish9566
    @asemdarwish9566 Před 7 měsíci

    Really you crazy 😮

  • @DT718
    @DT718 Před 2 měsíci +1

    Did all that coding for it to be sliced

  • @AwaisKhan-hd3gu
    @AwaisKhan-hd3gu Před 7 měsíci +1

    good

  • @CristhianValladares27
    @CristhianValladares27 Před 9 měsíci +1

    Amezingggggggggggggggg

  • @SiPlesples
    @SiPlesples Před 6 měsíci +2

    ❤❤

  • @AMITKUMAR-vo8bz
    @AMITKUMAR-vo8bz Před 11 měsíci +2

    👌👌👌👌

  • @user-be1qq4ml4b
    @user-be1qq4ml4b Před 9 měsíci

    good work

  • @hoxx_amv
    @hoxx_amv Před 7 měsíci +2

    bro is typing like npc

  • @RiteshKumar-qz8yx
    @RiteshKumar-qz8yx Před 10 měsíci

    How fast the guy typing i never type in such speeed

    • @aanchalmittal9085
      @aanchalmittal9085 Před 10 měsíci

      czcams.com/users/shortsNOYmNsgcKhw?si=T-8MQnprAsVunmRM

  • @SurajitofficialGammer
    @SurajitofficialGammer Před rokem +8

    RG bucket list in coding 😅😊

  • @user-ud6yp7ni3x
    @user-ud6yp7ni3x Před rokem +1

    legend

  • @Preeti__Singh1980
    @Preeti__Singh1980 Před rokem

    Why always you make class after, and do with that classes before like
    positon=150(etc.).watermelon
    class=watermelon

  • @sheesh3178
    @sheesh3178 Před 8 měsíci +22

    the world would be in such peace if only programmers could program as fast as this

  • @suvendu964
    @suvendu964 Před 10 měsíci

    Jai Hind❤🇮🇳

  • @OrdinaryDino
    @OrdinaryDino Před 10 měsíci +1

    no what did i just witness, this man did that.. IN A HTML PAGE D:

  • @Damn-gk3ns
    @Damn-gk3ns Před 9 měsíci +1

    bro types faster than the flash

  • @user-wd7lm3no3z
    @user-wd7lm3no3z Před 6 měsíci +1

    op level gg

  • @carsonmatt87
    @carsonmatt87 Před 6 měsíci +1

    Which editor is that?

  • @goodatpartying
    @goodatpartying Před 7 měsíci +1

    🍉

  • @muhammadzaqeen8424
    @muhammadzaqeen8424 Před rokem

    Thanks sir

  • @carboncorporation7941
    @carboncorporation7941 Před rokem +1

    Вийшов на балкон щойно, зараз ранок, і фоновий звук тут дуже в тему

  • @arbic-pakistani-foods
    @arbic-pakistani-foods Před 11 měsíci +1

    yaar itna magj Mari bana sirf tabooz phir bhi acha banaya good 👍

  • @user-qq2mx2qj5k
    @user-qq2mx2qj5k Před 9 měsíci +1

    Bro took CSS very seriously.

  • @jwoob
    @jwoob Před 11 měsíci +1

    nice

  • @Art_Stream1
    @Art_Stream1 Před 8 měsíci +1

    Прикол

  • @moonback1
    @moonback1 Před 8 měsíci +1

    ради этого я плачу за интернет

  • @semestaberdzikir99
    @semestaberdzikir99 Před 10 měsíci

    mantap

  • @pujaa.reaction
    @pujaa.reaction Před rokem +6

    kash mere bhi typing itni fast hoti 😢mai to 1 word ka 1 min leti hu 😅😅😅

    • @shaan3116
      @shaan3116 Před rokem +2

      Typing practice kar software sab se

    • @muhammadaffan3514
      @muhammadaffan3514 Před 11 měsíci

      same here aunty

    • @anime41805
      @anime41805 Před 10 měsíci

      aik word ke baad mera liya kro typing speed achi ho jayegi

  • @azizbekmirmuhammatov-id5kx

    👍

  • @Carlos_Augusto_prime
    @Carlos_Augusto_prime Před 3 měsíci

    Thanks for messing with my mind

  • @user-id5ct9hg1t
    @user-id5ct9hg1t Před 8 měsíci +1

    Gaaad this funny 😂😂😂😂😂😂
    How many hours to design watermelon developer ohhh NO😂

  • @angkhoi617
    @angkhoi617 Před rokem +2

    try it

  • @Picomcyt
    @Picomcyt Před rokem +1

    Software editor?

  • @Raunak_unofficial
    @Raunak_unofficial Před 10 měsíci +1

    can u upload it's full video

  • @arsiarskila
    @arsiarskila Před rokem +209

    now make it responsive

    • @vinays6706
      @vinays6706 Před rokem +2

      😂😂

    • @mudethirabda1151
      @mudethirabda1151 Před rokem +2

      Only programmers understand

    • @Aoredon
      @Aoredon Před rokem +4

      it is responsive

    • @lmaod5559
      @lmaod5559 Před rokem

      what does it means

    • @kakyoin2588
      @kakyoin2588 Před rokem +5

      ​@@lmaod5559 responsive means intractable, like for an example: imagine there's a link and you can click it to go to another webpage, that's interacting. so in this case the watermelon must do an(/any) action(it can include many things) when a user interacts with it :)

  • @anthonyamanat674
    @anthonyamanat674 Před 2 měsíci

    Level

  • @TECHTEJAS00
    @TECHTEJAS00 Před 5 měsíci +1

    Bas itna he 😂😂😂😂

  • @nadhifuliza
    @nadhifuliza Před rokem

    Angkat gw jadi muridmu suhuuu 😮