کانتینرعکس دایره - فراغیب

→ تفاوت با ویرایش قدیمی‌تر

دیداریویکی‌متن

نسخهٔ کنونی تا ‏۱۳ ژوئیهٔ ۲۰۲۶، ساعت ۱۳:۵۹

{{{تصویر}}}

@@ خط ۱: / خط ۱: @@
-{| style="margin: 20px auto; background: transparent; border: none; border-collapse: collapse;"
+<div>
-| style="width: 260px; height: 260px; display: flex; justify-content: center; align-items: center;" |
+<!-- کانتینر بیرونی جهت وسط‌چین کردن آیکون در صفحه -->
-<div style="width: 230px; height: 230px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%); border: 3px solid #eef0f3; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15), inset 0 4px 8px rgba(255, 255, 255, 1), inset 0 -6px 12px rgba(0, 0, 0, 0.08); display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative;">
-  <div style="width: 230px; height: 230px; border-radius: 50%; border: 4px solid #ffffff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12); overflow: hidden; display: flex; justify-content: center; align-items: center;">
+  <!-- مربع سه‌بعدی بیرونی با کلاس انیمیشن هاور -->
-     [[File:search.png|200px|link=|class=custom-img]]
+  <div class="wiki-3d-circle">
-   </div>
+    <!-- قاب سفید داخلی -->
+    <div class="wiki-3d-inner-frame-circle">
+      <!-- نگهدارنده تصویر با قابلیت فیت شدن خودکار -->
+      <div class="wiki-3d-image-wrapper-circle">
+{{{تصویر}}}
+      </div>
+     </div> <!-- پایان قاب داخلی -->
+   </div> <!-- پایان مربع بیرونی -->
+<!-- پایان کانتینر -->
 </div>
-|}