Template:MoveCard: Difference between revisions

Revision as of 18:55, 3 September 2025

   <img src="Placeholder.png" style="width: 210px; display: block;" class="gif-static" />
   <img src="" style="width: 210px; display: none; position: absolute; top: 0; left: 0;" class="gif-animated" />

Startup	Hit Level	Properties	On Block	On Hit	On Counter
—	—	—	—	—	—

No description provided.

 display: none;

} .move-image:hover .gif-animated {

 display: block;

} </style>

@@ Line 1: / Line 1: @@
 <div class="move-card-container" style="display: flex; align-items: flex-start; gap: 15px; border: 3px solid #444; border-radius: 8px; background-color: #222; padding: 15px; margin-bottom: 2em; max-width: 720px; box-shadow: 0 0 10px rgba(0,0,0,0.6); color: #fff;">
-   <div class="move-image" style="flex-shrink: 0;">
+   <div class="move-image" style="flex-shrink: 0; width: 210px; height: auto; position: relative; overflow: hidden;">
-     [[File:{{{image|Placeholder.gif}}}]]
+     <img src="{{{image-static|Placeholder.png}}}" style="width: 210px; display: block;" class="gif-static" />
+    <img src="{{{image-animated|}}}" style="width: 210px; display: none; position: absolute; top: 0; left: 0;" class="gif-animated" />
    </div>
    <div class="move-data" style="flex-grow: 1;">
      <table style="width: 100%; border-collapse: collapse; font-size: 90%; border: none;">
@@ Line 25: / Line 27: @@
    </div>
 </div>
+<style>
+.move-image:hover .gif-static {
+  display: none;
+}
+.move-image:hover .gif-animated {
+  display: block;
+}
+</style>