(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <style> | ||
+ | .hide { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | img.parklink:hover + .hide { | ||
+ | display: block; | ||
+ | color: white; | ||
+ | position: absolute; | ||
+ | bottom: 8px; | ||
+ | left: 16px; | ||
+ | animation: 1s slide-left; | ||
+ | } | ||
+ | |||
+ | @keyframes slide-left{ | ||
+ | from { | ||
+ | transform: translateX(500%); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | transform: translateX(0%); | ||
+ | |||
+ | } | ||
+ | } | ||
+ | |||
+ | div.parkcont { | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | overflow: hidden; | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | </html> | ||
{| | {| | ||
| | | | ||
Line 6: | Line 40: | ||
| | | | ||
{|style="border-width:0px; border-spacing:0px; border-collapse:collapse; " | {|style="border-width:0px; border-spacing:0px; border-collapse:collapse; " | ||
− | |||
− | |||
|- | |- | ||
{| | {| | ||
− | | | + | | |
− | | | + | <html> |
− | | | + | <div class="parkcont"> |
− | | | + | <a href="/index.php?title=Magic_Kingdom" title="Magic Kingdom"> |
+ | <img alt="Magickingdom2.png" src="/images/f/f8/Magickingdom2.png" width="878" height="814" class="parklink" data-file-width="878" data-file-height="814"> | ||
+ | <div class="hide">The Magic Kingdom</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </html> | ||
+ | | | ||
+ | <html> | ||
+ | <div class="parkcont"> | ||
+ | <a href="/index.php?title=Epcot" title="Epcot"> | ||
+ | <img alt="Spaceship Earth.jpg" src="/images/2/2c/Spaceship_Earth.jpg" width="750" height="600" class="parklink" data-file-width="750" data-file-height="600"> | ||
+ | <div class="hide">EPCOT</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </html> | ||
+ | | | ||
+ | <html> | ||
+ | <div class="parkcont"> | ||
+ | <a href="/index.php?title=Disney%27s_Hollywood_Studios" title="Disney's Hollywood Studios"><img alt="ChineseTheater2.jpg" src="/images/4/43/ChineseTheater2.jpg" width="1024" height="598" class="parklink" data-file-width="1024" data-file-height="598"> | ||
+ | <div class="hide">Disney's Hollywood Studios</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </html> | ||
+ | | | ||
+ | <html> | ||
+ | <div class="parkcont"> | ||
+ | <a href="/index.php?title=Disney%27s_Animal_Kingdom" title="Disney's Animal Kingdom"> | ||
+ | <img alt="TreeOfLifeday.jpg" src="/images/9/91/TreeOfLifeday.jpg" width="500" height="375" class="parklink" data-file-width="500" data-file-height="375"> | ||
+ | <div class="hide">Disney's Animal Kingdom</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </html> | ||
|} | |} | ||
|- | |- |
Latest revision as of 23:21, 9 July 2021
|