<p id="test1">without opacity animation</p> <p id="test2">with opacity animation</p> <p id="test3">test animation</p> <div id="test4"><p>test animation</p></div> @-webkit-keyframes withOpacity { 0% { opacity: 0; -webkit-transform: rotate(300deg); } 100% { opacity: 1; -webkit-transform: rotate(0deg); } } @-webkit-keyframes withOutOpacity { 0% { -webkit-transform: rotate(300deg); } 100% { -webkit-tr