m |
|||
Line 37: | Line 37: | ||
height: 100%; | height: 100%; | ||
object-fit: cover | object-fit: cover | ||
+ | } | ||
+ | |||
+ | .ua-global-map { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .ua-global-map img { | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | |||
+ | .location-marker-1 { | ||
+ | position: absolute; | ||
+ | width: 3%; | ||
+ | top: 13%; | ||
+ | left: 12%; | ||
+ | } | ||
+ | |||
+ | .location-marker-2 { | ||
+ | position: absolute; | ||
+ | width: 3%; | ||
+ | top: 30%; | ||
+ | left: 10%; | ||
+ | } | ||
+ | |||
+ | .location-marker-3 { | ||
+ | position: absolute; | ||
+ | width: 3%; | ||
+ | top: 14%; | ||
+ | left: 45%; | ||
+ | } | ||
+ | |||
+ | .location-marker-1:hover { | ||
+ | transform: translateY(-18%); | ||
+ | } | ||
+ | |||
+ | .location-marker-2:hover { | ||
+ | transform: translateY(-18%); | ||
+ | } | ||
+ | |||
+ | .location-marker-3:hover { | ||
+ | transform: translateY(-18%); | ||
} | } | ||
Revision as of 20:16, 16 October 2018