Report Blog Entry
I've been trying to add a floating pfp like the ones you see people's profiles, but i cant seem to get it right,,
can someone give me the code or explain how they did it??
example: pupiiecat-'s profile
thanks!!
help with floating profile pic!!
1 Kudos
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
scemokite
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("ur pfp url here"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */
.profile-pic::before, .profile-pic{
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.profile-pic::before, .profile-pic{
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
.online img {
content: url(https://64.media.tumblr.com/6cbf50d286f93d4b96856ba92dd77981/0029a9e9ab07cc70-9f/s250x400/4a0860b62ec1b04ad05b0992b722741a90636385.gifv);}
might not be the best im not that good at code
by scemokite; ; Report
tysm!!
by Mika *!!; ; Report
oh also, srry if im asking a lot but where do I put it in at?
by Mika *!!; ; Report
nvm but tysm again!
by Mika *!!; ; Report
np
by scemokite; ; Report