Шаблон:Test/Revamp.css: различия между версиями

Версия от 00:08, 4 февраля 2025

.AmmoTest1, .AmmoTest2 {
    transition: transform 0.3s ease;
    cursor: pointer;
    display: inline-block;
}

.active {
    filter: brightness(1.2) drop-shadow(0 0 5px #3D5F12);
}

.damage-display {
    font-size: 1.2em;
    color: #FFD700;
    font-weight: bold;
    transition: opacity 0.3s;
}

.updated {
    animation: damagePop 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes damagePop {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
}

@@ Строка 1: / Строка 1: @@
-.ammo-container {
+.AmmoTest1, .AmmoTest2 {
-  position: relative;
+    transition: transform 0.3s ease;
-  display: flex;
+    cursor: pointer;
-  gap: 8px;
+    display: inline-block;
 }
-.ammo-radio {
+.active {
-  display: none;
+    filter: brightness(1.2) drop-shadow(0 0 5px #3D5F12);
 }
-.ammo-btn {
+.damage-display {
-  cursor: pointer;
+    font-size: 1.2em;
-  opacity: 0.6;
+    color: #FFD700;
-  transition: all 0.3s ease;
+    font-weight: bold;
-  filter: grayscale(70%);
+    transition: opacity 0.3s;
 }
-.ammo-btn img {
+.updated {
-  vertical-align: middle;
+    animation: damagePop 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
-.ammo-radio:checked + .ammo-btn {
+@keyframes damagePop {
-  opacity: 1;
+% { transform: scale(1); }
-  filter: none;
+% { transform: scale(1.15); }
-  transform: scale(1.05);
+% { transform: scale(1); }
-}
-.damage-output::after {
-  content: "0";
-}
-.ammo-radio#ammo1:checked ~ .damage-output::after {
-  content: "+12";
-}
-.ammo-radio#ammo2:checked ~ .damage-output::after {
-  content: "+13";
 }