CSS_transition、transform、translate的作用

transition：
transition属性是，通过设置其他属性转换的时间，来实现一种动态过渡效果。
transform：
transform属性是，一种静态转换属性，其中包括translate()等方法。
translate：
translate是transform属性中的一种方法，其作用是平移对象。

我们来看一段三者结合的代码，深入理解：

<style>
    #d1{
    
        width: 20px;
        height: 50px;