How to Capture Deleted Rows Without Trigger in SQL Server?

How to animate changing text in paragraph?

Washington

I have component which shows text message in <p></p> according to specific condition:

const StatusBar = ({ currentPlayer }) => {
    return (
        <div className="status-bar-container">
            <p>
                {currentPlayer?.color === Colors.BLACK
                    ? "?? Black player's turn"
                    : "?? White player's turn"}
            </p>
        </div>
    )
}

Is it possible to animate transition between first ('Black player's turn') and second ('White player's turn') messages using CSS/SCSS or some react animation libs?