Skip to content

Instantly share code, notes, and snippets.

@CodeLuca
Created October 30, 2016 10:48
Show Gist options
  • Save CodeLuca/4f8a7ef7b7f1464daa256962aa1f5173 to your computer and use it in GitHub Desktop.
Save CodeLuca/4f8a7ef7b7f1464daa256962aa1f5173 to your computer and use it in GitHub Desktop.
#title,.slider-indicators{padding:0;text-align:center}.slider{box-shadow:0 1px 6px rgba(0,0,0,.64);margin-top:26px}.slider-inner{position:relative;overflow:hidden;width:100%}.slider-open:checked+.slider-item{position:static;opacity:100}#title,.slider-control,.slider-item{position:absolute}.slider-item{opacity:0;width:100%;-webkit-transition:opacity .6s ease-out;transition:opacity .6s ease-out}.slider-item img{width:100%;display:block;height:auto}.slider-control{background:rgba(0,0,0,.28);border-radius:50%;color:#fff;display:none;font-size:40px;height:40px;line-height:35px;top:50%;-webkit-transform:translate(0,-50%);cursor:pointer;-ms-transform:translate(0,-50%);transform:translate(0,-50%);text-align:center;width:40px;z-index:10}.slider-control.prev{left:2%}.slider-control.next{right:2%}.slider-control:hover{background:rgba(0,0,0,.8);color:#aaa}#slider-1:checked~.control-1,#slider-2:checked~.control-2,#slider-3:checked~.control-3{display:block}.slider-indicators{list-style:none;margin:0;position:absolute;bottom:2%;left:0;right:0;z-index:10}.slider-indicators li{display:inline-block;margin:0 5px}.slider-bullet{color:#fff;cursor:pointer;display:block;font-size:35px}.slider-bullet:hover{color:#aaa}#slider-1:checked~.control-1~.slider-indicators li:nth-child(1) .slider-bullet,#slider-2:checked~.control-2~.slider-indicators li:nth-child(2) .slider-bullet,#slider-3:checked~.control-3~.slider-indicators li:nth-child(3) .slider-bullet{color:#428bca}#title{width:100%;margin:0 auto;font-size:27px;color:rgba(255,255,255,1);font-family:'Open Sans',sans-serif;z-index:9999;text-shadow:0 1px 2px rgba(0,0,0,.33),-1px 0 2px rgba(255,255,255,0)}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment