codes to spaz up your profile!

notes; all of these codes has been tested as of 22/07/25 - please change the content to your own the imgs and coding here are for example purposes!!!!

these are small codes and i plan to fill this blog up daily

---------------------------------------------

select code - tired of the boring blue highlight that comes up when you select on laptop? here's a code to change it:

<style>

::selection {

  color: red;

  background: black;

}

</style>

ex; try selecting anywhere on this blog! 

--------------------------------------------------

text AFTER online img

<style>

    .details:after {

        content: "fucking fantastic";

    }

</style>

ex; look on my profile!!!!

-----------------------------------------------

notifications on YOUR PROFILE being any img BUT the bell!

<style>

li.active .icon { content:url('https://64.media.tumblr.com/4bc6b8bf7152da0e06add3e5c87c1f91/e530cedacf80aa8e-e8/s75x75_c1/c0ef2e9ebc2dc0b7a28be789910ec8f21d413145.gifv');}

</style>

ex; my profile!

---------------------------------------------------

flying img on your profile (this was orignally a spacehey code)

<style>

@keyframes flying-santa{

from{ left:-400px; }

to{ left:calc(100% + 20px); }

}

#santa{

position: fixed;

left: -400px;

top: 200px;

width: 130px;

animation: flying-santa 5s infinite linear;

pointer-events: none;

}

</style>

<img id="santa" src="https://i.pinimg.com/originals/4c/d9/ce/4cd9ce636c6d5f23688f0fda99cd81cf.gif"/>⠀

<style>

ex; my profile! (sorry ik this is redundant)

-------------------------------------------------------------------

a cursor that only pops up when you hover over a link

<style>A:hover{cursor: url("CURSOR URL"), url("CURSOR URL"), auto;}</style><style>

,body {

{cursor: url("CURSOR URL"), url("CURSOR URL (AGAIN)"), auto;}</style>

ALSO!!!! THIS CAN BE USED FOR IMGS TOO

------------------------------------------------------------------------

any image/blinkie/button code

example 

^^^^^^^^^^^^^

<img src="https://64.media.tumblr.com/1f784aa9ab706850237c2d24c8f99959/ae68e38e391d6dae-66/s100x200/72b9521141a147822f20898275b26abe983d4cba.gifv"/>

-------------------------------------------------------------------------------

shifting rainbow hover (mostly requested)

<style>

img:hover , .url-info:hover , .online:hover {

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent; 

  -webkit-animation: colored 10s infinite linear;

  background-image: -webkit-linear-gradient(90deg, #f35626, #feab3a);

}

@-webkit-keyframes colored {

  from {

    -webkit-filter: hue-rotate(0deg);

  }

  to {

    -webkit-filter: hue-rotate(-360deg);

  }

  image-rendering: auto;

image-rendering: crisp-edges;

image-rendering: pixelated;

</style> 

ex: hover over any image on this blog!