52 lines
1.0 KiB
CSS
52 lines
1.0 KiB
CSS
|
.collapsible-body {
|
||
|
|
background-color: #fcfcfc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.titre-rank {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-rank {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.image-rank > img {
|
||
|
|
width: 80%;
|
||
|
|
display: block;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.carousel {
|
||
|
|
margin-top: 5%;
|
||
|
|
border: 2px solid white;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.panel1 {
|
||
|
|
background: url("https://i.imgur.com/RJg9wRb.jpg") center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.panel2 {
|
||
|
|
background: url("https://gunxblast.fr/wp-content/uploads/2015/10/rocketleague.jpg") center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.panel3 {
|
||
|
|
background: url("https://images4.alphacoders.com/607/607402.jpg") center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.panel4 {
|
||
|
|
background: url("https://images.pushsquare.com/news/2015/05/interview_topping_the_ps4_rocket_league_with_developer_psyonix/attachment/1/original.jpg") center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.panel1, .panel2, .panel3, .panel4 {
|
||
|
|
text-shadow: 3px 2px 8px rgba(0, 0, 0, 0.99);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
div.image-rank > img {
|
||
|
|
transition: all 0.4s cubic-bezier(.8,1.8,.75,.75);
|
||
|
|
}
|
||
|
|
|
||
|
|
div.image-rank > img:hover {
|
||
|
|
transform: rotate(5deg) scale(1.1);
|
||
|
|
}
|