MediaWiki:Citizen.css: различия между версиями

← Предыдущая правка Следующая правка →

@@ Строка 981: / Строка 981: @@
 /* Плашка, которая появляется при наведении на картинку */
 .card-hover-info {
-    position: absolute;
+   position: absolute;
      padding: 20px;
-    top: 50%;
      left: 0;
+    bottom: 0; /* теперь позиционируем от низа */
      width: 100%;
-     height: 50%; /* Половина карточки */
+     height: 50%;
-     background: rgba(0, 0, 0, 0.6); /* Темная плашка с полупрозрачностью */
+     background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgb(0 0 0 / 0%));
      color: #ffffff;
      display: flex;
@@ Строка 994: / Строка 994: @@
      align-items: center;
      opacity: 0;
-     transition: opacity 0.3s ease, transform 0.3s ease; /* Плавное появление */
+     transition: opacity 0.3s ease, transform 0.3s ease;
-     transform: translateY(-100%); /* Плашка будет скрыта */
+     transform: translateY(100%); /* смещаем вниз, а не вверх */
-     border-radius: 0 0 10px 10px; /* Закругляем нижний край плашки */
+     border-radius: 0 0 10px 10px;
-    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgb(0 0 0 / 0%)); /* Градиент для верхнего края */
 }
 .card:hover .card-hover-info {
-     opacity: 1; /* Плашка становится видимой */
+     opacity: 1;
-     transform: translateY(0); /* Плашка скользит сверху */
+     transform: translateY(0); /* поднимаем на место при ховере */
 }