PA SAFARI actuelle |
Soonsony Nooby Admin Sam 9 Sep - 10:45
| |
Soonsony Nooby Admin Sam 9 Sep - 10:53 @import url(https://fonts.googleapis.com/css?family=Varela+Round); .slidos { top: 20px; padding: 0; width: 1006px; height: 150px; display: block; left: -58px; margin: 0 auto; position: relative; overflow: hidden; } .slidos * { user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; } .slidos input { display: none; } .slido-container { display: block; } .slido { top: 0; opacity: 0; width: 948px; height: 150px; display: block; position: absolute; overflow: hidden; transform: scale(0); transition: all .7s ease-in-out; } .slido img { width: 100%; height: 100%; } .nav label { width: 120px; height: 150px; display: none; position: absolute; opacity: 0; z-index: 9; cursor: pointer; transition: opacity .2s; color: #FFF; font-size: 70pt; text-align: center; font-family: "Varela Round",sans-serif; background-color: rgba(255,255,255,.3); text-shadow: 0 0 15px #777; } .slido:hover + .nav label { opacity: 0.5; } .nav label:hover { opacity: 1; } .nav .next { right: 0; } input:checked + .slido-container .slido { opacity: 1; transform: scale(1); transition: opacity 1s ease-in-out; } input:checked + .slido-container .nav label { display: block; } .nav-dots { width: 100%; bottom: 9px; height: 11px; display: block; position: absolute; text-align: center; } .nav-dots .nav-dot { top: -5px; width: 11px; height: 11px; margin: 0 4px; position: relative; border-radius: 100%; display: inline-block; background-color: rgba(0, 0, 0, 0.6); } .nav-dots .nav-dot:hover { cursor: pointer; background-color: rgba(0, 0, 0, 0.; } input#img-1:checked ~ .nav-dots label#img-dot-1, input#img-2:checked ~ .nav-dots label#img-dot-2, input#img-3:checked ~ .nav-dots label#img-dot-3, input#img-4:checked ~ .nav-dots label#img-dot-4, input#img-5:checked ~ .nav-dots label#img-dot-5, input#img-6:checked ~ .nav-dots label#img-dot-6 { background: rgba(0, 0, 0, 0.; } | |
Soonsony Nooby Admin Sam 9 Sep - 10:54
| |
Contenu sponsorisé |
Page 1 sur 1 |
|
|