Why doesn't transform: rotate(-45deg) work in Safari?

Question

css

There is such css
.b-keises__list__item:hover:before {
content: counter(my-badass-counter);
counter-increment: my-badass-counter;
top: 26px;
left: -144px;
width: 55px
height: 55px;
position: absolute;
border: 2px solid #ed5153;
transform: rotate(-45deg);
color: #EA5254;
font-family: "Roboto";
font-size: 32px;
font-weight: 300
text-align: center;
}
When hovering over a list
item, the before pseudo-selector rotates 45 degrees.
If you can look at test1.mr-lexus.ru In the section why we
Why in Safari transform: rotate(-45deg); does not work???
How to remake it then for Safari???

Answer 1

caniuse.com/#feat=transforms2d prefixes