52 lines
942 B
CSS
52 lines
942 B
CSS
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;
|
|
}
|
|
|