M3WB0NE🦴's profile picture

Published by

published
updated

Category: Web, HTML, Tech

How to make a GIF Profile Pic

Since gif's just turn static by uploading it default, here's a quick way to make it work

Add the following to the about me session
<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("image link"); display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 150px; height: 150px; }
</style>


Replace image link with gif of your choice, I recommend hosting it on imgur
Change width n height to your liking to match sizing

Enjoy ya dope new animated profile
Credits for the og source code goes to https://spacehey.com/loveleo

~🦴

Edit: Since I made this post it seems like imgur links have completley broken, I host all my images in my own discord server now instead. 


4 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

Zombie

Zombie's profile picture

ty sm!!


Report Comment