I have a website with a similar effect of drop-down petals in the first screen, as on this site . Everything would be fine, but for in the case of a circle in the opposite direction in all browsers of the IE family (even the most recent), the text is mirrored and displayed on the contrary due to the fact that they do not perceive the transform property .. I connected modernizr and even this does not save.
.ring-body-root.active .ch-item .ch-info { -webkit-transform: rotate3d(0,1,0,-180deg); -moz-transform: rotate3d(0,1,0,-180deg); -o-transform: rotate3d(0,1,0,-180deg); -ms-transform: rotate3d(0,1,0,-180deg); transform: rotate3d(0,1,0,-180deg); } In theory, this misunderstanding should correct the filter , but, for example, this online generator for my case does not work. Maybe there are kaike or other full-fledged generators or someone else's ideas like connecting the necessary polyfiles?