« Helping each other Forum

My codes are not working, plss help

Posted by Kait

posted

Forum: Helping each other

So I just started my acc and I wanted to edit my profile but none of the codes were working. Here are the codes I was trying to use 

<style>

@keyframes loading {

 0% {opacity: 1;}

 75% {opacity: 1;}

 100% {opacity: 0;}

}


body:before {

 content: " ";

 height: 100vh;

 width: 100vw;

 display: block;

 position: fixed;

 top: 0;

 left:0;

 z-index: 999999;

 background-image: url ("https://i.pinimg.com/736x/e8/62/84/e86284ab12714971d7b6e6014cdc5213.jpg");

 background-size: cover;

 background-repeat: no-repeat;

 background-position: center;

 animation: loading 2s ease 0s 1 normal forwards;

 pointer-events: none;

}

</style>

______________________________

<style>

main:before {

 box-shadow: 0 0 1px #000000;

 border: solid 1px #000000;

  height: 300px

  display: block;

  content: " ";

  background-image: url('https://i.pinimg.com/736x/77/25/3d/77253dcef314504644e805c845fe7d56.jpg');

  background-position: center 70%;

  background-size: cover;

  margin-bottom: 7px;

}

</style>

So all help is very much appreciated 

Also a small doubt, I tried to use all these codes one after another and I wrote it in the 'about me' section, so when using codes for diff things should I just write it one after another or is there another way I should do it??

Thank you!! <33


Report Topic

2 Replies

Sort Replies:

Reply by GOAT

posted
updated

dya see this bit right here here

in the main:before section


height: 300px

well there's no semicolon after block :o

height: 300px;


also, the main:before and body:before ??

change those to


main::before && body::before

(the double colon is what you need for pseudo elements)


hope that helps xoxo


Permalink Report Reply

Reply by Kait

posted

TYSMM GOATTTT. U R THE GOAT !!!!!


Permalink Report Reply