-->

Sunday, October 12, 2014

Editing Halloween Profile (part 2)

Floating Ghosts:


For those of you who don't want to use the entire FREE Halloween profile layout I made, but would still like to use the floating ghosts, just ad the code below to your custom css section. (Click on any of the URLs to see what image they represent. Feel free to delete one or two of them from the code if the original is a bit too flashy for you.)

 .profile_section_content {
  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjurlfBkEkEzP82eJdWp5viZA30xwgcaw3Y5V-anzwY-lLFmQRuGsm-xW54dSBr41_L1lazEO9hpQU7cBLT39WtCU7MN2KgjNCCYylDb_K4p8MJxl3dgClYq5fz1hZbdsrtmMOiy6MUXvI/s1600/ghost1.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFaHSXg7cXTnauEWJgcu_v65aAA8yWVyuNj4PwMu9osGWGZD4jhuo9d6CpPpCr5DFNhSpt6uVMausLtDdTq4P_FDgAJ6WtrokUBKXGJt0vi2Be5-kfKNwDK1oWw7ZcDfbGNeRwpz7WFxE/s1600/ghost2.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiacwef3GHbEKjkFSVeV61Q3cNUAjKKHU3mPVUgkdrS4VWlCrTZ6KdF7p61Mp2PIAy4qeTSmVCkO4Oni_WGItPql9rPVO01prrrxTxSWco3atbLXqqydsinaxIuAC840Y4CmeVjip300A4/s1600/ghost3.png);
  -webkit-animation:ghosts 20s linear infinite;
  -moz-animation:ghosts 20s linear infinite;
  -ms-animation:ghosts 20s linear infinite;
  animation:ghosts 20s linear infinite;
 }


@keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-moz-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-webkit-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  50% {
    background-color:rgba(0,0,0,0.7);
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
    background-color:rgba(0,0,0,0.8);
  }
}

@-ms-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}


No comments:

Post a Comment