<!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>