Globe: Add hover on marker dot, Comment code

This commit is contained in:
2020-04-09 23:10:50 +02:00
parent 67902bc5a8
commit a4feadb80f
3 changed files with 114 additions and 78 deletions

View File

@@ -26,6 +26,7 @@
// Marker
.marker {
position: absolute;
z-index: 2;
cursor: pointer;
display: block;
top: 0;
@@ -35,11 +36,18 @@
border-radius: 100%;
opacity: 1;
background: #ff6c89;
will-change: transform;
span {
transition: color 0.4s $ease-quart;
}
// Hover glow effect
&.hover {
animation: globeMarkerPulse 1s;
}
// Label
&__label {
position: absolute;
bottom: -230%;