Aşağıdaki kodları Safari tarayıcısının okuyabilmesi için 100% bitiş noktasının eklenmesi gerekiyor. Bu bitiş noktası nasıl eklenir?


@-webkit-keyframes Loading {
50% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
border-color: transparent transparent rgba(86, 215, 198, 0.1) #56D7C6;
}
75% {
border-color: rgba(86, 215, 198, 0.1) transparent transparent #56D7C6;
}
}@-moz-keyframes Loading {
50% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
border-color: transparent transparent rgba(86, 215, 198, 0.1) #56D7C6;
}
75% {
border-color: rgba(86, 215, 198, 0.1) transparent transparent #56D7C6;
}
}@-o-keyframes Loading {
50% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
border-color: transparent transparent rgba(86, 215, 198, 0.1) #56D7C6;
}
75% {
border-color: rgba(86, 215, 198, 0.1) transparent transparent #56D7C6;
}
}@keyframes Loading {
50% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
border-color: transparent transparent rgba(86, 215, 198, 0.1) #56D7C6;
}
75% {
border-color: rgba(86, 215, 198, 0.1) transparent transparent #56D7C6;
}