Spaces:
Sleeping
Sleeping
Update online.html
Browse files- online.html +32 -0
online.html
CHANGED
|
@@ -109,6 +109,38 @@
|
|
| 109 |
</style>
|
| 110 |
|
| 111 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 112 |
|
| 113 |
|
| 114 |
|
|
|
|
| 109 |
</style>
|
| 110 |
|
| 111 |
|
| 112 |
+
|
| 113 |
+
<style>
|
| 114 |
+
.dropdown-menu {
|
| 115 |
+
display: none;
|
| 116 |
+
opacity: 0;
|
| 117 |
+
visibility: hidden;
|
| 118 |
+
transform: translateY(10px);
|
| 119 |
+
transition: all 0.3s ease;
|
| 120 |
+
}
|
| 121 |
+
|
| 122 |
+
@media (min-width: 769px) {
|
| 123 |
+
/* Показываем меню при наведении на контейнер */
|
| 124 |
+
.dropdown-wrapper:hover .dropdown-menu {
|
| 125 |
+
display: block;
|
| 126 |
+
opacity: 1;
|
| 127 |
+
visibility: visible;
|
| 128 |
+
transform: translateY(0);
|
| 129 |
+
}
|
| 130 |
+
}
|
| 131 |
+
|
| 132 |
+
@media (max-width: 768px) {
|
| 133 |
+
.dropdown-menu.show {
|
| 134 |
+
display: block;
|
| 135 |
+
opacity: 1;
|
| 136 |
+
visibility: visible;
|
| 137 |
+
transform: translateY(0);
|
| 138 |
+
}
|
| 139 |
+
}
|
| 140 |
+
</style>
|
| 141 |
+
|
| 142 |
+
|
| 143 |
+
|
| 144 |
|
| 145 |
|
| 146 |
|