How do you add a filter over your profile?

I want to add a filter over my profile (How people add a tint of red, or make it blurry, etc) but im not sure how I could do that! Any help?

I specifically want a really dark/transparent-ish overlay with a rainbow flash (not too fast of a flash), something that reminds you of like a party with disco lights :)

idek if thats possible, but i hope it is :p

any help is appreciated! tysm plsss leave tips n tricks or just How to do it in the comments tysm


10 Kudos

Comments

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

mitty

mitty's profile picture

hey man, this might be up your alley? in the code is a grain overlay so that you can see what it's like, just change the image src if you want a different overlay. u get the gist lol


html:before {

background-image: url(https://i.imgur.com/QpnTsrV.jpg);

content: "";

height: 300%;

left: -50%;

opacity:.2;

position: fixed;

top: -110%;

width: 300%;

pointer-events:none;

}


Report Comment



SORRY FOR THE LATE REPLY i was on holiday lol
but hmm i cant seem to get the code u gave me to work :(

by 🍷 VALERIAN 🍷; ; Report

also sorry for the late reply lol! i think its an issue to do with the falling objects on the profile. ill do some tweaking and see if i can find something ^^

by mitty; ; Report

alrighty, i got it! basically, if you just put this the code in a different text section (so just whack it in like the who i'd like to meet section) it should work!

and if you want the overlay to go over the falling objects, just add z-index:1000000; into the brackets and it should be good.

by mitty; ; Report

haha thats ok!!! but it still doesnt work for me for some reason? thats so odd
if u cant find a way for it to work then thats ok!!! i appreciate u tryna help anyway! :]

by 🍷 VALERIAN 🍷; ; Report

ah okay, have you got it in style tags? i had it working for me in nein mc, but i used a generic falling image code, so that might be different?

by mitty; ; Report

yeaa i tried putting it in style tags too and that didnt work either

by 🍷 VALERIAN 🍷; ; Report

mkay, ill see what i can figure out lol! could you send me the code youre using for the falling images, if thats alright?

by mitty; ; Report

sure! its longer then this but its only repeating so this is all i'd need 2 send really
https://cdn.discordapp.com/attachments/722469469145792652/1119692194769535157/image.png
i kinda frankensteined it off of an old layout i was using onto my current one lol

by 🍷 VALERIAN 🍷; ; Report

thankyou! i'll try working on it when i get some free time. i'm a little lost at the moment lol, but i'll pop back in if i can figure something/find someone more qualified lmao!

by mitty; ; Report

ok!!! tysm for all this!!

by 🍷 VALERIAN 🍷; ; Report

i figured it out! im not a coder whatsoever but i managed to get it to overlay w/ access to links!


html:before {

background-image: url(https://i.ibb.co/mTyfvSQ/blueeee.png);

content: "";

height: 300%;

left: -50%;

opacity:30%;

position: fixed;

top: -110%;

width: 300%;

pointer-events:none;

}
<style>


insert the image you'd like to overlay where the current link is and change up the opacity if youd like! I put the code into the "who id like to meet" section. The iamges of your profile pic and friends' pfps are still normal but i will try to fix it and update! :D

by nadia; ; Report

and make sure to put <style> (without the emojis) above the html part and it should work! (it deletes it when i try to post the code with it)

by nadia; ; Report

ooohh i see ty!!! i'll try it out when i have free time!! :)

by 🍷 VALERIAN 🍷; ; Report

ofc! please let me know if it works when you get the chance! (~  ̄3 ̄)~

by nadia; ; Report

tyvm nadia! :-D

by mitty; ; Report

i finally was able to try it out and it works!!! :^) tysm!!!!!

by 🍷 VALERIAN 🍷; ; Report

omg yay! yw! lmk if you ever need anything! :D

by nadia; ; Report

ILY TYSM FOR THSI CODE

by jynx <3; ; Report

boyfailure

boyfailure's profile picture

OH you use . filters
like i have
html {
filter: grayscale(100%);
}
to make my profile grey . blur is
filter: blur(50px); or . however blurred you want it .
colors ? enigma to me .

idk how you would do what you want though, but maybe im just not . picturing it right


Report Comment



ahh right i see!! well!! this is a step in the direction of me finding out so tysm!! :)

by 🍷 VALERIAN 🍷; ; Report