Example: Future students
Created by: Marieme
CSS:
<style>
.cb-style {
border: #ebebeb solid 1px;
border-radius: 15px;
padding: 30px;
}
/* Relative positioned container */
.scenarios {
position: relative;
}
/* Create pseudo element on link */
/* Absolute positon over container */
.scenarioslink:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
opacity: 0;
border-radius: 13px;
padding: 30px;
}
/*Add hover overlay effect to pseudo */
.scenarioslink:hover:before {
opacity: 0.05;
}
.scenarioslink:hover {
text-decoration:none!important;
}
</style>