SHOW:
|
|
- or go back to the newest paste.
1 | ||
2 | #container { | |
3 | background-image: url("https://i.imgur.com/DkbBrvX.jpg"); | |
4 | background-repeat: repeat; | |
5 | background-size: 100% 100%; | |
6 | background-position: bottom right; | |
7 | width: 100%; | |
8 | height: 100%; | |
9 | opacity:0; | |
10 | position: absolute; | |
11 | top: 50%; | |
12 | left: 50%; | |
13 | transform: translate(-50%, -50%); | |
14 | z-index:2; | |
15 | -webkit-transition-duration: 2s; | |
16 | -moz-transition-duration: 2s; | |
17 | } | |
18 | ||
19 | #container:hover{ | |
20 | opacity:1; | |
21 | -webkit-transition-duration: 2s; | |
22 | -moz-transition-duration: 2s; | |
23 | } | |
24 | ||
25 | body { | |
26 | background: #0e8414; | |
27 | } | |
28 | ||
29 | ||
30 | --------------------------- | |
31 | ||
32 | ||
33 | PUT WHAT EVER YOU Want here! Like a Rose or something for Nero. This is a matter of however you want to code it. | |
34 | ||
35 | <div id="container"> | |
36 | ||
37 | The portion you want to appear goes in here. Like pretty much the entire profile code. | |
38 | ||
39 | ||
40 | ||
41 | </div> |