diff --git a/style.css b/style.css index 960f6cf..7f4e837 100644 --- a/style.css +++ b/style.css @@ -231,16 +231,16 @@ to { opacity: 1; transform: translateY(0); } } -/* ★ ピンの滑らかジャンプ(マーカー全体) */ -@keyframes smoothBounce { - 0% { transform: translateY(0) scale(1); } - 30% { transform: translateY(-18px) scale(1.05); } - 55% { transform: translateY(0) scale(0.97); } - 75% { transform: translateY(-8px) scale(1.02); } - 100% { transform: translateY(0) scale(1); } +/* ★ 安定したポップ(拡大→縮む)アニメーション */ +@keyframes popMarker { + 0% { transform: scale(1); } + 35% { transform: scale(1.25); } + 55% { transform: scale(0.92); } + 100% { transform: scale(1); } } -.bounce-pin { - animation: smoothBounce 0.9s cubic-bezier(.34,1.56,.64,1); - transform-origin: bottom; +.pop-marker { + animation: popMarker 0.5s ease-out; + transform-origin: bottom center; + will-change: transform; }