HTML TUTS || ANGLED GRADIENT BUTTON CSS

Поділитися
Вставка
  • Опубліковано 5 жов 2024
  • #sayyednasarali
    #shortvideo #short
    #html #webdesign #webdevelopment #frontend #css #html5 #css3

КОМЕНТАРІ • 203

  • @reddypraneeth
    @reddypraneeth Рік тому +151

    body {
    margin: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: cornsilk;
    }
    ul {
    padding: 0;
    list-style-type: none;
    }
    ul li {
    box-sizing: border-box;
    width: 15em;
    height: 3em;
    font-size: 20px;
    border-radius: 0.5em;
    margin:0.5em;
    box-shadow: 0 0 1em rgba(0,0,0,0,2);
    color:white;
    font-family:sans-serif;
    text-transform:capitalize;
    line-height:3em;
    transition:0.3s;
    cursor:pointer;
    }
    ul li:nth-child(odd){
    background:linear-gradient(toright,orange,tomato);
    text-align:left;
    padding-left:10%;
    transform:perspective(500px)rotatey(45deg);
    }
    ul li:nth-child(even){
    background:linear-gradient(to left,orange,tomato);
    text-align:right;
    padding-left:10%;
    transform:perspective(500px)rotatey(-45deg);
    }
    ul li:nth-child(odd):hover {
    transform: perspective (200px)
    rotatey (45deg);
    padding-left: 5%;
    }
    ul li:nth-child(even):hover {
    transform: perspective (200px)
    rotateY(-45deg);
    padding-right: 5%;
    }
    home
    products
    services
    contact

  • @matrizx-diseno-grafico
    @matrizx-diseno-grafico Рік тому

    super genial !!!!

  • @coderbinhthuongnhatnam1
    @coderbinhthuongnhatnam1 Рік тому

    nice

  • @vozaocolossal6601
    @vozaocolossal6601 Рік тому +66

    Sou do Brasil, e sou iniciante em html5 e CSS3. Espero um dia chegar nesse nível. Você é muito bom,parabéns! 🍷🗿

    • @SayyedNasarAli
      @SayyedNasarAli  Рік тому +9

      muito obrigado

    • @eduuxqyz
      @eduuxqyz Рік тому +7

      Olá, também sou do Brasil e iniciante em html e css, esperamos um dia chegarmos a esse nível de proficiência 🗿🍷

    • @vozaocolossal6601
      @vozaocolossal6601 Рік тому +6

      @@eduuxqyz Com muita dedicação chegaremos .você faz esse curso aonde? Eu estou aprendendo no canal curso em vídeo. 🍷🗿

    • @SayyedNasarAli
      @SayyedNasarAli  Рік тому +6

      @@eduuxqyz Desejo-lhes tudo de bom

    • @barsik7233
      @barsik7233 Рік тому

      Rt

  • @biswasankhanra1096
    @biswasankhanra1096 Рік тому

    very useful for me for the programmers❤

  • @priyadharshini.p4245
    @priyadharshini.p4245 Рік тому +2

    Mam I tried this....i get same awesome output thank u man

  • @syimyksugyndykov2226
    @syimyksugyndykov2226 Рік тому +1

    Yes very 👍 good!

  • @helmiainun2092
    @helmiainun2092 Рік тому +2

    Amazing!

  • @magnosantosoficial9378
    @magnosantosoficial9378 Рік тому +1

    Top demais show

  • @royal_fashion
    @royal_fashion Рік тому +1

    you are crazy

  • @alienworlld
    @alienworlld Рік тому +1

    Eu sou de Mozambique eu acho programação muito fácil,eu aprendo muito fácil

  • @ubongjoshua7186
    @ubongjoshua7186 Рік тому +1

    Super liked it,never would have thought of that

  • @chgames9815
    @chgames9815 Рік тому +2

    Very Good

  • @daniali4619
    @daniali4619 Рік тому +1

    Looking good 👍 thanks 😊

  • @bsw2112
    @bsw2112 Рік тому +2

    Sick 😀

  • @sweethomes674
    @sweethomes674 Рік тому

    Excellent 😊

  • @ramon3056
    @ramon3056 Рік тому +3

    Sou do Brasil, parabéns muito bonito .

  • @alienworlld
    @alienworlld Рік тому +1

    Mas esse nível é outro, parabéns...

  • @badcoyoda7278
    @badcoyoda7278 Рік тому +2

    Nice !

  • @manoansari8667
    @manoansari8667 Рік тому

    Style sheet spread hu ya ek jaga top botm main kar ly

  • @webprogrammingtutorials-alo69

    Very useful ❤

  • @Greatjunior
    @Greatjunior Рік тому +1

    Wow

  • @produtosexpress663
    @produtosexpress663 Рік тому +2

    Codando em php a estilização ficou show🥳

  • @diyorbekziyatov4970
    @diyorbekziyatov4970 Рік тому +2

    Good job

  • @allaboutgaming3238
    @allaboutgaming3238 2 роки тому +2

    Bhot sahi bhai

  • @hasanassidiqin9497
    @hasanassidiqin9497 Рік тому

    Amazing

  • @JuanDRSoft
    @JuanDRSoft Рік тому +1

    good job!!

  • @Linfrequentable
    @Linfrequentable Рік тому +2

    Trop bien fait merci

  • @eminus6677
    @eminus6677 Рік тому +1

    Pretty nice

  • @kos_tik_lkm
    @kos_tik_lkm Рік тому +1

    Cool man 👍👍🦾

  • @alauddin8827
    @alauddin8827 2 роки тому +2

    Great

  • @dude_pro
    @dude_pro Рік тому +1

    EPIC

  • @izabellyassis2456
    @izabellyassis2456 Рік тому +1

    Lindo ❤️ parabéns 😍

  • @code.cracking
    @code.cracking Рік тому +1

    Cool man

  • @ChallengeAll
    @ChallengeAll Рік тому +1

    you did well

  • @TechExplorer108
    @TechExplorer108 Рік тому +2

    More, thanks 🙏

    • @dicksontv5323
      @dicksontv5323 Рік тому

      ua-cam.com/video/t-ea0WJKib8/v-deo.html

  • @synRu2003
    @synRu2003 Рік тому +1

    very nice

  • @jorgeguerrero4688
    @jorgeguerrero4688 Рік тому +1

    Magnífico 👌

  • @ankitdivecha
    @ankitdivecha Рік тому +1

    good

  • @Alexan515
    @Alexan515 Рік тому

    Eu que ensinei pra ele.🤣🤣🤣

  • @luquinha85
    @luquinha85 Рік тому +1

    Nossa, muito bom 👍

  • @gemechistesfaye82
    @gemechistesfaye82 Рік тому +1

    Thanks

  • @qodiroffalisher
    @qodiroffalisher Рік тому +1

    hey ti

  •  Рік тому +3

    Music 🥲

  • @TPTI-269
    @TPTI-269 Рік тому +1

    Nicee

    • @dicksontv5323
      @dicksontv5323 Рік тому

      ua-cam.com/video/t-ea0WJKib8/v-deo.html

  • @Djafromovies2024
    @Djafromovies2024 Рік тому +2

    💥💥🔥🔥

  • @devjuniorbarbosa
    @devjuniorbarbosa Рік тому

    De cara o que eu teria que tentar é DIGITAR nessa velocidade 😆

  • @turbo2832
    @turbo2832 Рік тому +1

    How Lauren to step that's

  • @yuriykolomytsyn2352
    @yuriykolomytsyn2352 Рік тому +3

    Thank you! More shorts like this

    • @dicksontv5323
      @dicksontv5323 Рік тому

      ua-cam.com/video/t-ea0WJKib8/v-deo.html

  • @M7MED_29
    @M7MED_29 Рік тому

    Why don't use an external style sheet

  • @ArdentVeas
    @ArdentVeas Рік тому

    These elements and attributes are foreign to me but will understand it in time😊

  • @nathanphan3498
    @nathanphan3498 Рік тому

    nice

  • @ManjuSharma-sy4gq
    @ManjuSharma-sy4gq Рік тому +1

    Please make same video in python

  • @SCXBelka
    @SCXBelka Рік тому

    Why do two newline?

  • @devotiveak4387
    @devotiveak4387 Рік тому +1

    Please tell me how you use auto typer i need it 🙏

  • @Status_poetry255
    @Status_poetry255 Рік тому

    ❤️❤️❤️

  • @nextlevelnextlevel8703
    @nextlevelnextlevel8703 Рік тому +2

    bhai please please muje ye batao
    ke ham html me jo likha h wo waha hi kyu change nhi karte,
    aur java script me dom ka istemaal kyu karne ka sab bolte he
    likhna to script mehi hna to upr html mhi kyu change nhi kar dete
    getelementbyid or claas karke fir sab kyu krna

    • @SayyedNasarAli
      @SayyedNasarAli  Рік тому

      JavaScript and the Document Object Model (DOM) provide a structured and dynamic way to interact with HTML content. While it is possible to change HTML directly, using the DOM allows for more interactive, efficient, and animated web pages.

    • @SayyedNasarAli
      @SayyedNasarAli  Рік тому

      One major advantage of using JavaScript and the DOM is that you can update parts of an HTML page without reloading the entire page, improving performance and the user experience.

    • @nextlevelnextlevel8703
      @nextlevelnextlevel8703 Рік тому +1

      @@SayyedNasarAli are bhai mere kehne ka mtlb ye nhi he, hm script. me dom likh k change kre fir bouwser m jake check kre, to script ki jgh html k andr hi change na krte change krke brouser mehi jygena hm check krne, ye meri confusion he bhai

  • @EASYCode168
    @EASYCode168 Рік тому

    😮😮

  • @nazlikurniawan6576
    @nazlikurniawan6576 Рік тому +9

    can you copy that to this comment so that it's easy and effortless to make it

  • @rickayofficial7796
    @rickayofficial7796 Рік тому

    knp gw blm bsa2 juga hhhm.😥😇

  • @hanslanda7404
    @hanslanda7404 Рік тому +1

    Оу

  • @mauriciomacedo3894
    @mauriciomacedo3894 Рік тому +1

    Vai com calma, comecei hj kkk

  • @pa5n
    @pa5n Рік тому +2

    What's the difference between 100vw and 100vh
    I just started learning html css js php

    • @waron1240
      @waron1240 Рік тому +1

      100vh means 100℅ height of your device. 100vw means 100℅ width of your device. We also can use (Width:100vh).which means width is equal to 100℅ of your height if u are using laptop max-height =1080px, width1920px, so your( width=100vh Or 1080px).

    • @mr.warpunch6007
      @mr.warpunch6007 Рік тому +1

      @@waron1240 thank you

  • @SaifulIslam-vs3fh
    @SaifulIslam-vs3fh Рік тому +1

    Which software you run this program!

  • @ivancosta7790
    @ivancosta7790 Рік тому

    obg mano, adorei recomendo

  • @desi_developer2.0
    @desi_developer2.0 Рік тому +1

    Which software do you use for screen recording?

  • @OProgramador_
    @OProgramador_ Рік тому

    Salvo

  • @sadrasadra1879
    @sadrasadra1879 Рік тому

    Why in line 54 the rotatey(-45deg) had problem for me?

  • @frgh6325
    @frgh6325 Рік тому +1

    What are the last codes?

  • @phazikart5651
    @phazikart5651 Рік тому

    Хорош

  • @sallybugs1695
    @sallybugs1695 Рік тому +1

    amazing

  • @Bvklv
    @Bvklv Рік тому

    Guys, where i can sell my landing pages?

  • @anjelaasatryan7361
    @anjelaasatryan7361 Рік тому

    Odd
    ?
    Even

  • @shwetaranjan2836
    @shwetaranjan2836 Рік тому +1

    . Write a program to create an array of 10 integers. Accept values from the user in that array.
    Input another number from the user and find out how many numbers are equal to the
    number passed, how many are greater and how many are less than the number passed.
    6. Write a program that will prompt the user for a list of 5 prices. Compute the average of the
    prices and find out all the prices that are higher than the calculated average.
    7. Write a program in java to input N numbers in an array and print out the Armstrong numbers
    from the set.
    8. Write java program for the following matrix operations:
    (i).Addition of two matrices
    (ii).Summation of two matrices
    (iii).Transpose of a matrix
    9. Write a java program that computes the area of a circle, rectangle and a Cylinder using
    function overloading.
    10. Write a Java program for the implementation of Multiple inheritance using interfaces to
    calculate the area of a rectangle and triangle.
    11. Write a program for the following string operations:
    ● Compare two strings
    ● Concatenate two strings
    ● Compute length of a string
    12. Create a class called Fraction that can be used to represent the ratio of two integers. Include
    appropriate constructors and methods. If the denominator becomes zero, throw and handle
    an exception.
    Anyone have solution in Java please send .......

  • @flyhigh7250
    @flyhigh7250 Рік тому

    Iski html.show krdo pls for bigneers

  • @walinda3
    @walinda3 Рік тому

    I'm just a binginner😢

  • @rover2444
    @rover2444 Рік тому +2

    I will take one decade 😭

  • @FebryCoeg
    @FebryCoeg Рік тому

    Bro how to make, Live Comment On UA-cam, Use Html?

  • @nageshprajapati3193
    @nageshprajapati3193 Рік тому +3

    Bro code please

    • @dicksontv5323
      @dicksontv5323 Рік тому

      ua-cam.com/video/t-ea0WJKib8/v-deo.html

  • @liaqatnaveed9441
    @liaqatnaveed9441 Рік тому

    i want this code ?

  • @madiasylbai4536
    @madiasylbai4536 Рік тому +1

    What application?

  • @infinitytechflame
    @infinitytechflame Рік тому

    background music ka name btana plzz..?

  • @debkumarpayra7692
    @debkumarpayra7692 Рік тому +1

    Which app?

    • @ValentR
      @ValentR Рік тому

      Visual studio code

  • @observenature
    @observenature Рік тому +1

    which software is this?

  • @max.denaro262
    @max.denaro262 Рік тому +2

    Where is the buttons in html?)

    • @dicksontv5323
      @dicksontv5323 Рік тому

      ua-cam.com/video/t-ea0WJKib8/v-deo.html

  • @dalerexecredo9495
    @dalerexecredo9495 Рік тому

    name redactor please 🥺

  • @jhonatanmiranda3181
    @jhonatanmiranda3181 Рік тому +1

    Can you share de code ??

    • @SayyedNasarAli
      @SayyedNasarAli  Рік тому +2

      working on to upload all the source codes of this channel on GitHub. Soon will share the link to all source codes.

  • @nine-ty-nine
    @nine-ty-nine Рік тому +3

    Send me this. Code plz

    • @wwefan310
      @wwefan310 Рік тому +3

      body{
      margin: 0;
      padding: 0;
      }
      .back{
      height: 100vh;
      background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
      url(images/banner1.jpg);
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      padding-top: 20px;
      text-align: center;
      color: #fff;
      }
      .navbar{
      display:flex;
      justify-content: space-between;
      }
      nav button{
      height: 32px;
      padding: 8px 11px;
      border-radius: 30px;
      }
      .nav-logo{
      margin-left: 35px;
      }
      .title{
      text-align: center;
      margin-top: 15%;
      font-size: 200%;
      }
      .title h1{
      margin-bottom: 10px;
      }
      .quote{
      text-align: center;
      }
      .searcharea{
      padding: 17px 17px 0;
      background-color: #fff;
      border: 2px solid;
      width:40%;
      margin: 15px auto 0;
      border-radius: 30px;
      /* position: relative; */
      }
      .search{
      display: block;
      width: 100%;
      border: 0px;
      outline: 0PX;
      }
      .searchbtn{
      padding: 15px;
      border-radius: 20px;
      background-image: linear-gradient(rgb(22, 207, 22),rgb(7, 180, 237));
      /* text-align: right; */
      margin-left:550px ;
      margin-top: -50px;
      }
      /* featured destinations */
      .fea-container{
      display: flex;
      margin:10px 300px;
      }
      .place{
      width: 33%;
      height: auto;
      /* border: 2px solid black; */
      margin: 15px 20px;
      box-shadow: 0 0 15px black;
      position: relative;
      }
      .place img{
      width: 100%;
      }
      .place p{
      padding: 10px;
      }
      .circle{
      height: 50px;
      width: 50px;
      border-radius: 50%;
      border: 2px solid black;
      position: absolute;
      left:20px;
      bottom: 230px;
      background-color: orange;
      }
      /* travelling-gallery */
      .travelling-gallery h1{
      text-align: center;
      font-size: 30px;
      }
      .pics-container{
      margin: 20px ;
      display: flex;
      justify-content: center;
      }
      .pics-container img{
      width: 20%;
      margin: 0px;
      padding: 10px;
      border-radius: 30px;
      }

    • @dicksontv5323
      @dicksontv5323 Рік тому

      ua-cam.com/video/t-ea0WJKib8/v-deo.html

  • @adanadn3859
    @adanadn3859 Рік тому +2

    Bro, why you write css in html file?

  • @Shilloz
    @Shilloz Рік тому

    pouvez vous m'aider s'il vous plaît je viens de commencer et je ne comprend pas pourquoi il utilise du CSS dans du HTML

  • @widaayatii3478
    @widaayatii3478 Рік тому

    Kalo huruf berjalan gimana mas....

  • @tutionmaster
    @tutionmaster Рік тому +1

    i have completed html and trying to move on css. Then java script, python,c,c++ and java.

  • @soklinliquid6645
    @soklinliquid6645 Рік тому +1

    give me your script plis

  • @lazouch08
    @lazouch08 Рік тому

    2005

  • @harshitgarg8567
    @harshitgarg8567 Рік тому

    Code ?

  • @mranonymous2944
    @mranonymous2944 Рік тому

    Bgm name ??

  • @mknss9186
    @mknss9186 Рік тому +2

    is this a html code???
    i think its not

  • @TagdaCoder
    @TagdaCoder Рік тому

    Html Code

  • @prasaddm4573
    @prasaddm4573 Рік тому

    Not working bro

  • @RamboShelby
    @RamboShelby Рік тому

    it is not working