JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#cible">Allez à la cible</a>

<div id="cible"><a href="#">X</a></div>

CSS

div {
    width: 100px;
    height: 100px;
    background: red;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
}

div:target {
    width: 300px;
    -webkit-transition: none; /* For Safari 3.1 to 6.0 */
    transition: none;
}