Advertisement
QueenOfGeckos

splash screen effect

May 17th, 2018
176
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.85 KB | None | 0 0
  1.  
  2.  
  3. #container {
  4. background-image: url("https://i.imgur.com/DkbBrvX.jpg");
  5. background-repeat: repeat;
  6. background-size: 100% 100%;
  7. background-position: bottom right;
  8. width: 100%;
  9. height: 100%;
  10. opacity:0;
  11. position: absolute;
  12. top: 50%;
  13. left: 50%;
  14. transform: translate(-50%, -50%);
  15. z-index:2;
  16. -webkit-transition-duration: 2s;
  17. -moz-transition-duration: 2s;
  18. }
  19.  
  20. #container:hover{
  21. opacity:1;
  22. -webkit-transition-duration: 2s;
  23. -moz-transition-duration: 2s;
  24. }
  25.  
  26. body {
  27. background: #0e8414;
  28. }
  29.  
  30.  
  31. ---------------------------
  32.  
  33.  
  34. PUT WHAT EVER YOU Want here! Like a Rose or something for Nero. This is a matter of however you want to code it.
  35.  
  36. <div id="container">
  37.  
  38. The portion you want to appear goes in here. Like pretty much the entire profile code.
  39.  
  40.  
  41.  
  42. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement