Newer
Older
j2321-tanakai / css / moyou.css
p {
 margin-right: 0;
 margin-left: auto;
 width: 26%;
 line-height: 20px;
}
h1 {
  border-bottom: 10px double #3cb371;
   line-height: 20px;
}
rt{color: red;
   line-height: 20px;
}
img {
   text-align: center;
   width: 200px;
   height: 130px;
}
#map {
   height: 500px;
   width: 100%;
}

.leaflet-pulsing-icon {
   border-radius: 100%;
   box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.75);
   width: 12px;
   height: 12px;
   background-color: rgb(255, 0, 0); /* 青の半透明 */
   position: relative;
}

.leaflet-pulsing-icon:after {
   content: "";
   -webkit-border-radius: 100%;
   border-radius: 100%;
   height: 300%;
   width: 300%;
   position: absolute;
   margin: -100% 0 0 -100%;
   background-color: rgba(255, 101, 87, 0.747);
   animation: pulsate 2.1s ease-out infinite;
}

@keyframes pulsate {
   0% {
       transform: scale(0.1, 0.1);
       opacity: 0;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
   }
   50% {
       opacity: 1;
       -ms-filter: none;
       filter: none;
   }
   100% {
       transform: scale(1.8, 1.8);
       opacity: 0;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
   }
}