DEV Community

Discussion on: Add a loader to your website

View post
Collapse
 
elijahe35939317 profile image
ElijahE •

You could also implement that with gifs i hope?

Collapse
 
clementgaudiniere profile image
Clément Gaudinière •

It is possible, you need to replace the

<div class="lds-ripple">
      <div></div>
      <div></div>
 </div>
Enter fullscreen mode Exit fullscreen mode

with an image :

<img src="yourImg.gif"  alt="Your Img">
Enter fullscreen mode Exit fullscreen mode

This method is less recommended since gifs take longer to load. 😉

Collapse
 
youpiwaza profile image
max •

You also need to specify the loading of the gif outside of the loader, else the loader won't display from the beginning :/