CSS transforms and transitions are needed to be prefixed with -webkit-
in case of webkit browsers like safari and chrome.
Here check this PEN
.opentime .timelineopening li .roundbox:hover {
-webkit-transform:scale(1.15) !Important;
-webkit-transition: all 250ms ease-in-out 0s ! important;
transform: scale(1.15) ! important;
transition: all 250ms ease-in-out 0s ! important;
}
.opentime .timelineopening li .roundbox:hover .dayname {
font-size: 0px;
transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
}
.opentime .timelineopening li .roundbox:hover span.icon1 {
opacity: 1;
transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
}