banners - ссылка/hover

src/files/css/main.css

@@ -10945,7 +10945,26 @@ img {
       .banners .banner-anons {
         width: 100%; } }
     .banners .banner-anons img {
-      width: 100%; }
+      width: 100%;
+      -o-animation: brightnessOn 0.5s;
+      -moz-animation: brightnessOn 0.5s;
+      -webkit-animation: brightnessOn 0.5s;
+      animation: brightnessOn 0.5s;
+      -webkit-filter: brightness(100%);
+      -moz-filter: brightness(100%);
+      -ms-filter: brightness(100%);
+      -o-filter: brightness(100%);
+      filter: brightness(100%); }
+      .banners .banner-anons img:hover {
+        -o-animation: brightnessOff 0.5s;
+        -moz-animation: brightnessOff 0.5s;
+        -webkit-animation: brightnessOff 0.5s;
+        animation: brightnessOff 0.5s;
+        -webkit-filter: brightness(70%);
+        -moz-filter: brightness(70%);
+        -ms-filter: brightness(70%);
+        -o-filter: brightness(70%);
+        filter: brightness(70%); }
 
 @media (min-width: 992px) {
   .left-side {

src/files/css/main2.css

@@ -124,6 +124,27 @@ header .menu ul li:first-child {
     width: 100%;
     max-width: 469px;
     margin: 0px auto;
+    -o-animation: brightnessOn 0.5s;
+    -moz-animation: brightnessOn 0.5s;
+    -webkit-animation: brightnessOn 0.5s;
+    animation: brightnessOn 0.5s;
+    -webkit-filter: brightness(100%);
+    -moz-filter: brightness(100%);
+    -ms-filter: brightness(100%);
+    -o-filter: brightness(100%);
+    filter: brightness(100%);
+}
+
+.banner-anons img:hover {
+    -o-animation: brightnessOff 0.5s;
+    -moz-animation: brightnessOff 0.5s;
+    -webkit-animation: brightnessOff 0.5s;
+    animation: brightnessOff 0.5s;
+    -webkit-filter: brightness(70%);
+    -moz-filter: brightness(70%);
+    -ms-filter: brightness(70%);
+    -o-filter: brightness(70%);
+    filter: brightness(70%);
 }
 
 .content-right .banner-anons {

src/files/scss/_banners.scss

@@ -14,6 +14,27 @@
 
         img {
             width: 100%;
+            -o-animation: brightnessOn 0.5s;
+            -moz-animation: brightnessOn 0.5s;
+            -webkit-animation: brightnessOn 0.5s;
+            animation: brightnessOn 0.5s;
+            -webkit-filter: brightness(100%);
+            -moz-filter: brightness(100%);
+            -ms-filter: brightness(100%);
+            -o-filter: brightness(100%);
+            filter: brightness(100%);
+
+            &:hover {
+                -o-animation: brightnessOff 0.5s;
+                -moz-animation: brightnessOff 0.5s;
+                -webkit-animation: brightnessOff 0.5s;
+                animation: brightnessOff 0.5s;
+                -webkit-filter: brightness(70%);
+                -moz-filter: brightness(70%);
+                -ms-filter: brightness(70%);
+                -o-filter: brightness(70%);
+                filter: brightness(70%);
+            }
         }
     }
 }