Lors d’un travail personnel j’ai eu besoin de faire clignoter des îcones sur une carte généré via leaflet.js. Je détail ci-dessous le morceau de code qui m’a permis de faire cela de façon simple avec css. Ce code à été testé sous Firefox uniquement.
Lorsque la div « map » contient votre carte, appliquez le css ci-dessou :
index.html
<div id="map"></div>
style.css
#map .leaflet-marker-icon{
animation: Test 1s infinite;
}
@keyframes Test{
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}
animation: Test 1s infinite;
}
@keyframes Test{
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}
La class « leaflet-marker-icon » est ajoutée automatiquement aux marqueurs présent sur votre carte.