✰ How to make images change colors upon hover!!

Tags: images, blinkies, stamps, filter, help, layout, grayscale, tint

Description:

I've been trying to find this for a while, so instead I just decided to make it myself.

The image goes from grayscaled to the image's normal colors when hovered over.

EXAMPLE

NOT HOVERED:

HOVERED:

Code:

<!-- (c) Layout created by DeadClownGutz 🏳️‍⚧️ (https://layouts.spacehey.com/layout?id=94436) -->

<style>
img:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
transform: scale(1.1);
transition: 0.5s ease;
}
img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 10 of 10 comments ( View all | Add Comment )

[wip] barnaby's husband	1746459622 usingg Report Comment
AtissaMuneerah	1739452913 usingggg though without the color change Report Comment
_jXx	1730568577 using <3 Report Comment
H4LL0WS_3V3	1709723844 USING!! Tysm!!! ^w^ Report Comment
「 ♱ casey ♱ 」	1706785222 using!! this was so helpful ty!! Report Comment
Dumbass Jaz	1705102097 using!! but i edited it to just do the animation w/o the greyscale ^_^ Report Comment alrighty!! ty though ^^ by DeadClownGutz 🏳️‍⚧️; 1705102365; Report
— ☁︎⠀ 𐄹 𝙄𝖆𝖓﹙★﹚	1704927895 Using!! tysm :D Report Comment ofc and ty!! ^^ by DeadClownGutz 🏳️‍⚧️; 1704928046; Report
Xxx_H34RT_U_xxX	1704558933 using !! Report Comment thank you!! ^^ (also, i love the song on ur profile!!) by DeadClownGutz 🏳️‍⚧️; 1704559062; Report
AxelSector	1704554870 TYSM DUDE!! :D Report Comment OFC!! ^^ by DeadClownGutz 🏳️‍⚧️; 1704554915; Report