body{ background-color:ivory; background-image: url(http://lorempixel.com/200/100/), url(http://lorempixel.com/400/200/); background-size: cover; background-repeat: repeat; } h1{ text-decoration:underline; color:red; text-align:center; font-family:Cursive; } th{ border : 2px solid black; } .nom{ text-align:left; } .nom:hover{ background-color:wheat; color:green } .image{ max-width : 400px; text-align:center; border-color:silver; border-width:10px; border-style:double; overflow: scroll; resize:both; margin:50px; animation-name: cos; animation-duration: 2s; animation-timing-function:ease-in ; animation-direction: alternate; animation-iteration-count: 2; border-radius: 10px 30px 30px 30px; } @keyframes cos { 0% {transform : rotate(-45deg); left: -50px} 100% {transform : rotate(45deg); left: 50px} } .image:after { content: "NSI" ; color: red; }