Css Slider
CSS Slider der kein Javascript brauch
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<style>
html, body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
background-color: #2B2D42;
font-family: 'Open Sans', sans-serif;
}
h1,h2 {color:#fff;}
.container {
position: relative;
margin-top: 100px;
width: 100%;
text-align: center;
}
.block {
width: 10%;
height: 300px;
display: inline-block;
background-color: #E83F6F;
cursor: pointer;
position: relative;
transition: width .5s ease-in-out, background-color .5s ease-in-out;
text-align: center;
}
.block:hover {
background-color: #2274A5;
width: 30%;
transition: width .5s ease-in-out, background-color .5s ease-in-out;
}
.block:hover .img-p {
opacity: 1;
transition: opacity .5s .51s ease-in-out;