HOW TO ADD GRAIN TO PROFILE

okay so tbf i dont rlly understand this tooooo much buttttt

for the grain i used on mine i just pasted this into my about me bit

html:before {
    animation: grain 8s steps(10) infinite;
    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;
}
@keyframes grain {
 0%, 100% { transform:translate(0, 0) }
 10% { transform:translate(-5%, -10%) }
 20% { transform:translate(-15%, 5%) }
 30% { transform:translate(7%, -25%) }
 40% { transform:translate(-5%, 25%) }
 50% { transform:translate(-15%, 10%) }
 60% { transform:translate(15%, 0%) }
 70% { transform:translate(0%, 15%) }
 80% { transform:translate(3%, 35%) }
 90% { transform:translate(-10%, 10%) }


4 Kudos

Comments

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

Rekkz

Rekkz's profile picture

oh sweet!!!! thnx!!! :D I'ma save this for laterz xP


Report Comment