<!DOCTYPE HTML>
<html>
<title>In visibility hidden color animation</title>
<style>

p {
  color: blue;
  visibility: visible;
}

div {
  visibility: hidden;
}

</style>
<div><p>color animation on visible element in invisible parent element</p></div>