Polaroid Top Friends

Name: FriendRewind
Author: FriendRewind

FriendRewind

18 hours ago — by FriendRewind Team — Top Friends & Comments — used 3 times

Gives every Top Friend a white polaroid frame with a slight scatter tilt that straightens when hovered.

CSS Code

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

/* Polaroid Top Friends */
.friends-grid img {
    background: #fff !important;
    padding: 6px 6px 16px 6px !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.35) !important;
    transform: rotate(-3deg) !important;
    transition: transform 0.25s ease !important;
}
.friends-grid a:nth-child(even) img { transform: rotate(3deg) !important; }
.friends-grid img:hover { transform: rotate(0deg) scale(1.06) !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