过渡CSS属性支持IE 10 +，在IE浏览器中使用它时，我们需要添加供应商前缀-ms-，例如：-ms-transition: all 5s linear;

此外，关于transition document和CSS transition Property，我已经在我这一边创建了一个示例，似乎仅使用CSS transition属性就不会更改元素的位置。解决方法是，我们可以使用the Transition on Hover或the CSS animation Property来更改元素的位置。

请参阅this sample：

<style>
    .notch {
        position: absolute;
        left: calc(95vw - 37.5px); 
        top: calc(50% - 5px); 
        width: 75px;
        height: 110px;
        box-sizing: border-box;
        font-size: 30px;
        text-align: center;
        line-height: 110px;
        transition: all 5s linear;
        -ms-transition: all 5s linear;
        -webkit-transition: all 5s linear;
        -moz-transition: all 5s linear;
        -o-transition: all 5s linear;
        -webkit-animation: mymove 5s linear; /* Safari 4.0 - 8.0 */
        animation: mymove 5s linear;
    }

    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes mymove {
        from {
            left: 195vw;
        }

        to {
            left: 95vw;
        }
    }

    @keyframes mymove {
        from {
            left: 195vw;
        }

        to {
            left: 95vw;
        }
    }
</style>

输出如下：