Template:OuatiT: Difference between revisions
Jump to navigation
Jump to search
(Created page with "{{#css: .container { position: absolute; } .image1 { display: relative; top: 0px; left: 0px; opacity: .1; z-index: 2; transition: .9s ease; } .image1:hover { opacity: 1; } .image2 { position: relative; top: -71px; left: 0px; z-index: -2; } }} <div class="container"><div class="image1">200px|link=Empire in Flames</div><div class="image2">200px|link=Once upon a time in Troy...</div></div>") |
No edit summary |
||
| (22 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
position: absolute; | position: absolute; | ||
} | } | ||
. | .image3 { | ||
display: relative; | display: relative; | ||
top: | top: 0 px; | ||
left: | left: 0 px; | ||
opacity: . | opacity: .01; | ||
z-index: 2; | z-index: 2; | ||
transition: .9s ease; | transition: .9s ease; | ||
} | } | ||
. | .image3:hover { | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
. | .image4 { | ||
position: relative; | position: relative; | ||
top: - | top: -250px; | ||
left: | left: 1px; | ||
z-index: -2; | z-index: -2; | ||
opacity: 1; | |||
} | |||
.image4:hover { | |||
opacity: 0; | |||
} | } | ||
}} | }} | ||
<div class="container"><div class=" | <div class="container"><div class="image3">[[File:OUATIT1.png|250x250px|link=Once upon a time in Troy...]]</div><div class="image4">[[File:OUATIT2.png|250x250px|link=Once upon a time in Troy...]]</div></div> | ||
Latest revision as of 12:09, 20 March 2024