How to Create a Fullscreen Website Slider with Pure CSS

Поделиться
HTML-код
  • Опубликовано: 16 сен 2024
  • Click For More : www.youtube.co...
    ------------------
    Enroll My Course : Next Level CSS Animation and Hover Effects
    www.udemy.com/...
    CSS Infinity Course : www.udemy.com/...
    Another Course : Build Complete Real World Responsive Websites from Scratch
    www.udemy.com/...
    ------------------
    Join Our Channel Membership And Get Source Code of My New Video's Everyday!
    Join : / @onlinetutorialsyt
    ------------------
    Source Code : / onlinetutorials
    Facebook Page : / onlinetutorialsyt
    Instagram : / onlinetutorials_youtube
    Twitter : / onlinetutoria16
    Website : www.onlinetutor...
    Buy Me A Coffee : www.buymeacoff...
    ------------------
    #onlinetutorials #csseffect #topcsseffects
    ------------------
    give proper credit if you repost this on other social media platform
    ------------------
    image source : www.pexels.com
    icon source : ionic.io/ionicons
    ------------------
    Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

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

  • @reinaldomoreno-dj
    @reinaldomoreno-dj Год назад +1

    Greetings... I loved the tutorial. It was simple and elegant. One doubt: Could you add to some of the pages images horizontally? I think that if you do it, because of the alignment, it would be vertical.

  • @eduardoluna3331
    @eduardoluna3331 Год назад +1

    Awesome man ! Thanks for sharing

  • @jebahaque9420
    @jebahaque9420 Год назад +7

    I am your first view bro. Well done🫡

  • @umanskypoimasky9600
    @umanskypoimasky9600 Год назад +1

    Good, 👍

  • @webcode569
    @webcode569 Год назад +1

    Well done 👍

  • @willislionel2438
    @willislionel2438 Год назад

    thank you bro this is awesome tutorial thank you very much

  • @ashanmadushanka4265
    @ashanmadushanka4265 Год назад

    very nice brother. you're a talented person...😃😍

  • @sarveshdhiman15
    @sarveshdhiman15 Год назад +2

    Awesome. Can you please inform what tool or software you are using for highlight section (creating rectangle) ?

    • @mftekaje5397
      @mftekaje5397 Год назад

      Highlight Matching Tag and Color Highlight ?

  • @gullapallijyothikiran3371
    @gullapallijyothikiran3371 Год назад +2

    sir what is your job title? and in which company.

  • @AmmarWaleed22
    @AmmarWaleed22 Год назад

    Really really thank you bro

  • @ccvcgchv5185
    @ccvcgchv5185 Год назад +1

    Cool Video. Can you create a new Complete Website?

  • @난아스타
    @난아스타 Год назад +2

    wow

  • @Ali-rh4wl
    @Ali-rh4wl 11 месяцев назад

    Love the content. Thank you. What if I use a links instead of buttons, how would I make the slide move when click on the link, I tried it with transition I couldn't. It can be done just with scroll-behaviour: smooth. I was wondering how could I make with transition. I tried your method on links but the links can't be checked so it didn't work.

  • @hadifirouzi7202
    @hadifirouzi7202 Год назад

    Can you make a slider like Whatsapp status section? with pause/play button and stop on click on image.

  • @rajithapriyamantha9675
    @rajithapriyamantha9675 Год назад +2

    1st comment 😎

  • @mohamedanouarjabri271
    @mohamedanouarjabri271 Год назад

    thanks man, this is awesome, but is there any possibility to make the slides change automatically ??

    • @mda4S
      @mda4S Год назад

      i think you need to use java script to do this

  • @rakesh.dsouza
    @rakesh.dsouza Год назад

    please show auto scroll whenever you do... visitors don't have time to keep clicking on the dots/arrows

    • @ferryterry1873
      @ferryterry1873 Год назад

      if i'm not mistaken . You need to use animation for this . Instead of :checked