L.Icon.Pulse.css 763 B

1234567891011121314151617181920212223242526272829303132333435
  1. .leaflet-pulsing-icon {
  2. border-radius: 100%;
  3. box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.75);
  4. }
  5. .leaflet-pulsing-icon:after {
  6. content: "";
  7. -webkit-border-radius: 100%;
  8. border-radius: 100%;
  9. height: 300%;
  10. width: 300%;
  11. position: absolute;
  12. margin: -100% 0 0 -100%;
  13. }
  14. @keyframes pulsate {
  15. 0% {
  16. transform: scale(0.1, 0.1);
  17. opacity: 0;
  18. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  19. filter: alpha(opacity=0);
  20. }
  21. 50% {
  22. opacity: 1;
  23. -ms-filter: none;
  24. filter: none;
  25. }
  26. 100% {
  27. transform: scale(1.2, 1.2);
  28. opacity: 0;
  29. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  30. filter: alpha(opacity=0);
  31. }
  32. }