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
Comments
Displaying 2 of 2 comments ( View all | Add Comment )
mitty
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;
}
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![😭](https://static.spacehey.net/emojis/v1/sob.png)
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 Jynxy; ; Report
boyfailure
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
ahh right i see!! well!! this is a step in the direction of me finding out so tysm!! :)
by 🍷 VALERIAN 🍷; ; Report