✰ 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 7 of 7 comments ( View all | Add Comment )

H4LL0WS_3V3	1709723844 USING!! Tysm!!! ^w^ Report Comment
#1BEEEATER	1707633576 Using!!!!! This is awesome!! I was looking for this 4 a while :'D tysm!!! 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
★•°Kohaku°•★	1704558933 using !! Report Comment thank you!! ^^ (also, i love the song on ur profile!!) by 🌈DeadClownGutz𖤐; 1704559062; Report
▫️ Isabella / Ari ▫️	1704554870 TYSM DUDE!! :D Report Comment OFC!! ^^ by 🌈DeadClownGutz𖤐; 1704554915; Report