Round Spinning Avatar

Name: FriendRewind
Author: FriendRewind

FriendRewind

18 hours ago — by FriendRewind Team — Profile Picture Effects — used 2 times

Makes your profile picture a perfect circle and slowly spins it, like a record. Delete the animation lines if you only want the circle.

CSS Code

Copy this and paste it at the bottom of the Advanced CSS tab in your layout editor, then save.

/* Round Spinning Avatar */
.profile-pic img {
    border-radius: 50% !important;
    animation: fr-pfp-spin 12s linear infinite !important;
}
@keyframes fr-pfp-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
/* Pause on hover so people can actually look at it */
.profile-pic img:hover { animation-play-state: paused !important; }

How to use: copy the code above → open your layout editor → paste it at the bottom of the Advanced CSS tab → save → refresh your profile. Elements stack — you can combine as many as you like. New to CSS? Read the Custom Code Tutorial.

« Back to all Profile Elements