Artes TCG
Hover over or click on sections of code to see annotations!
.slider {
margin:10px auto 0;
}
.slider img {
width:100%;
}
.slider div {
position:absolute;
bottom:0;
max-height:45%;
padding:10px 15px 30px;
background:hsla(0, 0%, 100%, 0.75);
}
.slider div h2 {
font-size:1.2em;
margin:0 0 5px;
}
.slider div p {
float:left;
width:90%;
}
.slider div button {
margin:0 0 0 3%;
border:1px solid blue;
border-radius:5px;
width:7%;
background:#3F72D8;
}
.slider div button a {
display:inline-block;
color:#fff;
font-weight:bold;
line-height:3em;
width:100%;
text-decoration:none;
}