Pure CSS Infinite Client Brand Logo Slider | Image Slider Animation

Подписаться 5 тыс.

Просмотров 9 тыс.

50% 1

If you've worked with bigger brand you can establish and deepen your brand authority by using an infinite client logo slider or carousel. So, Infinite Client Brand Logo Slider is the most to build trust, value and respect for your brand(website).
In this video with the help of pure CSS we'll build infinite client brand logo slider.
📢 SUBSCRIBE my channel for more helpful 🎬videos
🔔 / @codingdesign
▶ SLIDER PLAYLIST
✅ • Image Slider (Carousel)
Iconify Design (Icons)
✅ icon-sets.iconify.design/
⌚Timestamps
00:00 Intro
00:39 HTML
03:35 CSS (UI Design)
09:39 Infinite Image Slider Animation
11:50 JavaScript (Dynamic Slider)
16:35 Outro (Result)
🌎 Browser : Brave V.1.50
📝 Code Editor : VS Code
💠 Extensions : Live-Server
#slider #imageslider

Опубликовано:

7 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 28

@EA-nr9hc Год назад

Thank you so much! Amazing work! I've learned a lot :)

@CodingDesign Год назад

You're welcome. Hope you'll show your same l❤ve & support in the future too.

@muhammadjunaid1628 10 месяцев назад

I finally found the best tutorial for slider

@CodingDesign 10 месяцев назад

Glad to hear that. Hope you'll show your same ❤ & support in the future too.

@RenCode Год назад

worked like a charm thank you good sir 🙏🙏🙏🙏🙌🙌

@CodingDesign Год назад

Glad it helped. Hope you'll show your same ❤ & support in the future too.

@warseno2415 11 месяцев назад

finnaly i find great tutorial

@CodingDesign 11 месяцев назад

Hope it was helpful.

@roberthypeofficial Год назад

❤❤👍👍

@CodingDesign Год назад

Thank you!

@Ha-Kaishin Год назад

You need grow up more bro we support you....😊

@CodingDesign Год назад

I do appreciate that. Because there are many times when you feel like "what am I doing ?, Am I doing the right thing ?"

@Ha-Kaishin Год назад

@@CodingDesign I was talking about the views and subscribers you deserve more bro.....👍

@amansoni8670 9 месяцев назад

Can u make a slider that works on scrolling like if the section comes it will stick to it until the whole logoes are not gone and the logos should animate when clint hovers

@CodingDesign 6 месяцев назад

It's simple. If you've watch complete video I've shown you how to stop/pause animation. 1️⃣ Initially, for "ul.brands" you can give "animation-play-state: paused; 2️⃣ On "HOVER" state you can give "animation-play-state: running;"

@Error_fragproshooter Год назад

👍😀

@CodingDesign Год назад

Thank you!

@andreapolato5758 3 месяца назад

Your code is duplicating the number of logos (14x2), but after the 28 logos appeared there is a white space, and then the loop restarts. There isn't a way to create a real loop?

@anu.jangra Месяц назад

You can u .redimate carousels..like slick,owel, etc..

@gtry1966 11 месяцев назад

Hi nice video, however how do i make it slide to the other side?

@CodingDesign 11 месяцев назад

I've created several 🎬videos for different Sliders based on their behavior. There is whole ▶ SLIDER PLAYLIST, so please check out video's description I've left 🔗playlist link.

@Web-abhi-coder 4 месяца назад

after add js image is flicker why 🤥

@CodingDesign 3 месяца назад

I didn't notice anything like that but it might be due to conflict with the values of css and js.

@muhammadarsalan786 Год назад

Source Code Plz

@CodingDesign 11 месяцев назад

Sorry😭 it's currently unavailable.

@benjaminshiwala3396 5 месяцев назад

Hi @CodingDesign. I was browsing the internet and found this video. I absolutely love your work. If you can make something like for me that I can use on my website, I'm willing to pay you. Just let me know your best email, and I'll share with you my store website url and where I'd like the brands logos carousel to be. Thanks!

@CodingDesign 3 месяца назад

I'm sorry to inform that, at present I'm busy at my college exams.