Djavastik,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.test {
color: #FF0000;
transition: 2s;
}
.active .test{
color: #FFFFFF;
}
</style>
</head>
<body onload='document.body.classList.add("active")'>
<span class="test"> что-то тут написано</span>
<span class="test"> какой-то текст </span>
</body>
</html>