<div id="container">
<img src="http://indevmode.com/media/posts/referencia/luffy.jpg" alt="Wanted: Monkey. D. Luffy" title="Wanted: Monkey. D. Luffy" />
<img src="http://indevmode.com/media/posts/referencia/zoro.jpg" alt="Wanted: Roronoa Zoro" title="Wanted: Roronoa Zoro" />
<img src="http://indevmode.com/media/posts/referencia/nami.jpg" alt="Wanted: Nami" title="Wanted: Nami" />
<img src="http://indevmode.com/media/posts/referencia/sogeking.jpg" alt="Wanted: Sogeking" title="Wanted: Sogeking" />
<img src="http://indevmode.com/media/posts/referencia/sanji.jpg" alt="Wanted: Sanji" title="Wanted: Sanji" />
<img src="http://indevmode.com/media/posts/referencia/chopper.jpg" alt="Wanted: Chopper" title="Wanted: Chopper" />
<img src="http://indevmode.com/media/posts/referencia/robin.jpg" alt="Wanted: Nico Robin" title="Wanted: Nico Robin" />
<img src="http://indevmode.com/media/posts/referencia/franky.jpg" alt="Wanted: Franky" title="Wanted: Franky" />
<img src="http://indevmode.com/media/posts/referencia/brook.jpg" alt="Wanted: Brook" title="Wanted: Brook" />
</div>
#container :nth-child(1) {
border: 20px double #34495e !important;
box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.6) !important;
display: block !important;
margin: 0 auto 40px !important;
width: 60% !important;
}
#container :nth-child(even),
#container :nth-child(odd) {
box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.6);
margin: 2%;
width: 18%;
}
#container :nth-child(-n+5) {
border: 10px groove #2980b9;
}
#container :nth-child(n+6) {
border: 10px groove #16a085;
}
/* Otros estilos */
* {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background-color: #ededed;
font-family: sans-serif;
margin: 20px 0;
}
img {
display: inline-block;
}
#container {
background-color: #fff;
margin: 0 auto;
max-width: 800px;
padding: 40px 20px;
text-align: center;
width: 95%;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.