p.transitionExample       { background-color:tan;  transition: background-color 2s; }
p.transitionExample:hover { background-color:slategrey  }
ul.transitionExample { list-style:none;  padding-left:0 }


.rotationExample img { max-width:28px;  vertical-align:middle;  margin-right:5px;
                       transition:transform 0.5s; 
                     }
.rotationExample a:hover img { transform:rotate(90deg);  transition:transform 0.5s; }


div#carre { width:100px;  height:100px;  background-color:red;
            animation: animationExample 4s infinite alternate linear;
          }  /*pm: with "animationExample" defined as follows */
  @keyframes animationExample 
  { from { background-color:red;     width:100px;  height:100px }
      to { background-color:yellow;  width:50px;   height:50px  }
  }