[data-name="MapPinMinusAnimate"] {
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-name="MapPinMinusAnimate"]:hover {
animation: mapPinBounce 0.5s ease-in-out;
}
[data-name="MapPinMinusAnimate"] path[d="M16 18h6"] {
opacity: 1;
stroke-dasharray: 10;
stroke-dashoffset: 0;
}
[data-name="MapPinMinusAnimate"]:hover path[d="M16 18h6"] {
animation: drawMinusLine 0.3s ease-in-out 0.3s both;
}
@keyframes mapPinBounce {
0% { transform: translateY(0); }
60% { transform: translateY(-5px); }
100% { transform: translateY(-3px); }
}
@keyframes drawMinusLine {
0% {
opacity: 0;
stroke-dashoffset: 10;
}
100% {
opacity: 1;
stroke-dashoffset: 0;
}
}