SOURCE

$(function () {
    var str = '线性变换保留了直线和平行线，线性变换保留直线的同时，其他的几何性质如长度、角度、面积和体积可能被变换改变了。简单的说，线性变换可能“拉伸”坐标系，但不会“弯曲”或“卷折”坐标系。这个函数主要是将我们的连接线在拖动弹力球后被拖拉的连接线的进行一个“变化矩阵”的操作';
    var arr = str.split('');
    for (let i = 0; i < arr.length; i++) {
        setTimeout(function() {
            $('.p1').append('<span class="anim zoomInRight">' + arr[i] + '</span>');
        }, 100 * i);
    }
});

<p class="p1"></p>


<script src="https://lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script>

/* css reset */
body,p,ol,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,iframe,nav,header,footer {
    margin: 0;
    padding: 0;
    list-style: none;
}
body {
    font: 16px/1.5 Microsoft YaHei, sans-serif;
}
html {
    overflow-x: hidden;
}
*, *::before, *::after {
    outline: none;
    box-sizing: border-box;
}
.p1 {
    width: 500px;
    margin: 0 auto;
    padding: 30px;
    overflow: hidden;
}
.anim {
    display: inline-block;
    -webkit-animation-duration: .8s;
    animation-duration: .8s; 
}