<div>
  <a href="#target">Everybody jump, jump</a>
</div>

<div id="target">
  <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2>
  <p>Nam ut erat et libero mattis semper. Phasellus hendrerit, est quis pulvinar malesuada, lorem velit posuere quam, eget euismod velit lorem et eros. Aliquam ornare odio vel nisl eleifend, quis vulputate nunc maximus. Fusce a convallis enim. Nulla eu tellus non risus pretium laoreet at non eros. Maecenas gravida, lorem ut tristique tempor, felis dui fermentum metus, nec accumsan felis orci sit amet est. Fusce molestie orci eu erat consequat facilisis. Curabitur fermentum sapien ipsum, ac hendrerit neque tincidunt vitae. Phasellus volutpat sodales orci, nec dignissim magna. Mauris feugiat nibh sapien, feugiat venenatis velit imperdiet id. Maecenas auctor ultrices est, dapibus dignissim metus interdum eu. Sed quis dui dignissim, pretium magna eu, vehicula tellus.</p>
</div>
body {
  margin: 20px;
}

div {
  margin-bottom: 100px;
  padding: 10px;
  &:target {
    animation: colorchange 3s;
  }
}

@keyframes colorchange {
    from {background: yellow;}
    to {background: #fff;}
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js