Wooden Text Typography | Html CSS Effects

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.ย. 2024
  • Please LIKE our Facebook page for daily updates...
    / online-tutorial-html-c...

ความคิดเห็น • 76

  • @haruha03
    @haruha03 5 ปีที่แล้ว +12

    Z-index make everything change Xd
    This is so amazing, good job bro

  • @judonomi
    @judonomi 2 ปีที่แล้ว

    I want to give you ONE THOUSAND LIKES! This is exactly what I needed today!!!

  • @hafizurrahmanfahim8820
    @hafizurrahmanfahim8820 5 ปีที่แล้ว +12

    I could not even think of doing this by shadow and background property's .

  • @surenderoati
    @surenderoati 3 ปีที่แล้ว

    Awesome

  • @StephaneGman
    @StephaneGman 5 ปีที่แล้ว +8

    Was confused until I saw just the letter z of the z-index. Ah ha! lol

  • @manalalajamy9337
    @manalalajamy9337 5 ปีที่แล้ว +3

    Perfect 😍👍

  • @matheorire4583
    @matheorire4583 3 ปีที่แล้ว

    Excellent !!!and a new sound I like it👍👌

  • @subhamdhar683
    @subhamdhar683 5 ปีที่แล้ว +3

    Perfect work

  • @davidm.8835
    @davidm.8835 3 ปีที่แล้ว

    Magnífico ejemplo de texto sin Photoshop! Gracias

  • @williamsolabamidele7226
    @williamsolabamidele7226 3 ปีที่แล้ว

    this so cool
    can't wait to learn more

  • @mdmahedi3867
    @mdmahedi3867 4 ปีที่แล้ว

    butifull design

  • @sasitaren7293
    @sasitaren7293 5 ปีที่แล้ว +1

    Amazing bro

  • @shubhamtejasv9054
    @shubhamtejasv9054 5 ปีที่แล้ว +1

    Superb!!👌

  • @stevejobs_9
    @stevejobs_9 5 ปีที่แล้ว

    You are just amazing.....

  • @webcoderbd6172
    @webcoderbd6172 5 ปีที่แล้ว

    Awesome bro

  • @artemijeka
    @artemijeka 3 ปีที่แล้ว

    thanks!

  • @anmolanesha1350
    @anmolanesha1350 5 ปีที่แล้ว +1

    This is awsome...

  • @ahmadreza532
    @ahmadreza532 5 ปีที่แล้ว +1

    this only works if h1 tag used inside body tag ... how can I make this work if I use h1 inside

  • @AddaHietala
    @AddaHietala 3 ปีที่แล้ว +1

    What exactly is the purpose of using the :before in this example? What is being added before the h1?

    • @mahatabdullahi8377
      @mahatabdullahi8377 3 ปีที่แล้ว

      In CSS, ::before creates a pseudo-element that is the first child of the selected element. It is often used to add cosmetic content to an element with the content property. It is inline by default.

  • @moninaelkh2928
    @moninaelkh2928 5 ปีที่แล้ว

    Amazing job

  • @anmolanesha1350
    @anmolanesha1350 5 ปีที่แล้ว +1

    If its possible make a resume portfolio for web designer or web devloper..in that use javascript typing effect and pls make that in bootstrap without using css grid or css flex box ..but you can use bootstrap grid..and share your source code with img

  • @user-sg7pd6rj7q
    @user-sg7pd6rj7q 2 ปีที่แล้ว

    What are you doing? It's greate!

  • @separatetraveler8226
    @separatetraveler8226 5 ปีที่แล้ว

    Excellent ..!

  • @ne_psixyu
    @ne_psixyu 5 ปีที่แล้ว

    Thank you man! It was awesome!!!

  • @klsh5224
    @klsh5224 5 ปีที่แล้ว

    U r ma inspiration :)

  • @khalafmanaseer3386
    @khalafmanaseer3386 3 ปีที่แล้ว

    This works fine except you have to add background-size:cover to h1 styling for it to work as it's intended to

  • @armanilyassov3682
    @armanilyassov3682 5 ปีที่แล้ว

    Excellent

  • @safehalabe
    @safehalabe 5 ปีที่แล้ว +1

    great thank you bro, can you Please attach the link to the background image

  • @lucapoulsen4996
    @lucapoulsen4996 5 ปีที่แล้ว

    Great

  • @user-wo6pv3uf4t
    @user-wo6pv3uf4t 5 ปีที่แล้ว

    It’s amazing man

  • @codewithme7226
    @codewithme7226 5 ปีที่แล้ว +2

    first
    amazing!

  • @romanseidel5650
    @romanseidel5650 3 ปีที่แล้ว

    could you put the background-image below the video, please... @online.tutorials
    because when i do h1 transparent, it`s not that invisible as yours, because the patterns are different...
    But i did everything you did...

  • @AJKING-tq3pd
    @AJKING-tq3pd 4 ปีที่แล้ว +1

    Can you give the background image link in description

  • @samerali2023
    @samerali2023 5 ปีที่แล้ว

    perfect

  • @hakuryu8689
    @hakuryu8689 5 ปีที่แล้ว

    Wow

  • @mabped8650
    @mabped8650 5 ปีที่แล้ว +1

    First Comment!!!!!!!!

  • @Saikandu143
    @Saikandu143 5 ปีที่แล้ว +6

    Bro keep the code in description for next all video's please 🙏

    • @khan.hassan
      @khan.hassan 4 ปีที่แล้ว

      You can write if you're not lazy.. 😒

  • @subhamdhar683
    @subhamdhar683 5 ปีที่แล้ว +2

    Which compiler are you using?
    Please tell

    • @OnlineTutorialsYT
      @OnlineTutorialsYT  5 ปีที่แล้ว +1

      Text Edotor : Sublime Text
      Browser : Google Chrome

    • @subhamdhar683
      @subhamdhar683 5 ปีที่แล้ว +1

      @@OnlineTutorialsYT thanks

    • @AvisekDas
      @AvisekDas 5 ปีที่แล้ว +1

      @@subhamdhar683 there's no compiler.
      Pure CSS & HTML

    • @abrhamgetachew9095
      @abrhamgetachew9095 5 ปีที่แล้ว

      bracket is better than sublim editer bro

    • @AvisekDas
      @AvisekDas 5 ปีที่แล้ว

      @@abrhamgetachew9095 lol

  • @gaurangraut1717
    @gaurangraut1717 4 ปีที่แล้ว +1

    why use this -webkit-background-clip?? mostly -webkit is used for safari.....

  • @beyond_briskett
    @beyond_briskett 5 ปีที่แล้ว

    that z-index xD

  • @AvisekDas
    @AvisekDas 5 ปีที่แล้ว +2

    Can you please provide "bg.jpg"?

    • @OnlineTutorialsYT
      @OnlineTutorialsYT  5 ปีที่แล้ว

      Search "wooden background" in google

    • @AvisekDas
      @AvisekDas 5 ปีที่แล้ว

      @@OnlineTutorialsYT Check it out: codepen.io/AvisekDas/pen/pYozpe
      No 'data-text' attribute needed, using mix-blend-mode hack

  • @elena7v
    @elena7v 5 ปีที่แล้ว

    I can't find the wood image for the background.

  • @pierr33cool24
    @pierr33cool24 5 ปีที่แล้ว

    doesn't work when i apply all your command.
    my shadow is on top and my text background is not the same place of background body
    i don't understand ...

  • @ajithkumar2816
    @ajithkumar2816 5 ปีที่แล้ว

    Text-shadow is not working.... what's the reason sir???

  • @hadjam1
    @hadjam1 4 ปีที่แล้ว

    where I download the image

  • @bablisingh6336
    @bablisingh6336 3 ปีที่แล้ว

    sir my -webkit-text-fill-color: transparent; is not working .plz tell me what do i do????

  • @frederikplet1579
    @frederikplet1579 5 ปีที่แล้ว

    What editor? Nice work

  • @ajaykrishna7325
    @ajaykrishna7325 5 ปีที่แล้ว +1

    Sir why your not sharing source file?? and

    • @pavelstreletsky1964
      @pavelstreletsky1964 5 ปีที่แล้ว +2

      He's literally writing everything in the video. Why do you need the source file?

    • @krzysiekkozio7366
      @krzysiekkozio7366 5 ปีที่แล้ว

      @@pavelstreletsky1964 He probably wants to write a hole website, but he's to lazy to rewrite a few lines of code :)

  • @user-fo3zz2ih2s
    @user-fo3zz2ih2s 5 ปีที่แล้ว

    not exist in app

  • @rosecanda1386
    @rosecanda1386 5 ปีที่แล้ว

    That wont work in microsoft edge just tested it

    • @JuanseTech
      @JuanseTech 5 ปีที่แล้ว

      No one uses microsoft edge... duh

    • @cidar4750
      @cidar4750 4 ปีที่แล้ว

      @@JuanseTech Lots of people use Edge. You'd be stupid if you don't consider them (if they are part of your potential target audience) :)
      ... duh

    • @JuanseTech
      @JuanseTech 4 ปีที่แล้ว

      @@cidar4750 1 year ago lol. Now the edge community is giant.

    • @cidar4750
      @cidar4750 4 ปีที่แล้ว +1

      @@JuanseTech Stupid me, didn't see that :)

  • @ManishKumar-us6eo
    @ManishKumar-us6eo 5 ปีที่แล้ว

    Awesome