JSFiddle - React, Tailwind, and code Playground

by linssen

HTML

<div class="first">

CSS

.first {
    width: 100px;
    height: 100px;
    background-color: red;
}
.second {
    width: 100px;
    height: 100px;
    background-color: pink;
}

JavaScript

var first = d3.select('.first'),
    second = d3.select('body').append('div').attr('class', 'second').style('display', 'none'),
    color = second.style('background-color');

first.transition().duration(3000).style('background-color', color);