title: can css transition transform hold the end state？
body: <p>animation can do it ，just：</p>
  
  <pre><code>-webkit-animation-fill-mode: forwards;
  </code></pre>
  
  <p>but the ‘transition’ ， what can I do let div 'end' in hover state use 'transition' </p>
  
  <pre><code>.div-box{
          position: relative;
          top:0;
          left: 0;
          width: 100px;
          height: 100px;
          background: red;
          transition:all 1s linear ;
      }
      .div-box:hover{
          transform: translate(100px,0);
      }
  </code></pre>