hi!! so i just made a discord server after realizing how weird the messaging on myspace is
https://discord.gg/VfFvedPuKE
the server is just a chill vibing server that's just for if you wanna talk about anythinggg
right now it's just me and my friend but i'll be forever grateful to the people who join !! (i promise we're nice)
hopefully people will join and we'll have an overall really cool myspace server at the start :DD
(hahsjd this is a double blog cus i didn't see it in the news tab on my alt)
1 Commenthi!!! i got to 300 friends a bit a go so why not share some things to make your page more swagggyy :]
copy and paste this ⇩ to make your profile pic bobble when you hover over it !!
.avatar:hover{
animation: hvr-wobble-vertical 1s;
animation-iteration-count:1;
}
@-webkit-keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.hvr-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
-webkit-animation-name: hvr-wobble-vertical;
animation-name: hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
copy and paste this ⇩ to make the words on your header fade in and out !! (you can also change the seconds of it to make it go faster/slower)
.logo b {
opacity: 1;
animation: fade 7s linear;
animation-iteration-count:infinite;
}
@keyframes fade {
0%,100% { opacity: 0 }
50% { opacity: 1 }
}
hopefully this can make your profile more cool and what not :>> if you have any css questions feel free to ask me!!
8 Comments