| 1 |
.eel-gallery-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}.eel-gallery-item{position:relative;overflow:hidden;border-radius:8px}.eel-gallery-item a{overflow:hidden;display:block}.eel-gallery-item img{width:100%;height:auto;display:block;transition:transform .4s ease;-o-object-fit:cover;object-fit:cover}.eel-gallery-item:hover img{transform:scale(1.05)}.eel-hover-content{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .3s ease;background:rgba(0,0,0,.55)}.eel-gallery-item:hover .eel-hover-content{opacity:1}.eel-hover-text span{color:#fff;font-size:18px;text-transform:capitalize;letter-spacing:.5px}.eel-hover-icon i,.eel-hover-icon svg{color:#fff;font-size:36px;transition:transform .3s ease}.eel-hover-icon:hover i,.eel-hover-icon:hover svg{transform:scale(1.2)}.eel-gallery-image-wrap{position:relative;overflow:hidden}.eel-hover-icon svg{height:1em;width:1em}.eel-gallery-caption{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.6);color:#fff;text-align:center;padding:8px;font-size:14px;opacity:1;transition:opacity .3s ease}.eel-lightbox-gallery{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);justify-content:center;align-items:center;place-items:center}.eel-lightbox-gallery img{max-width:90%;max-height:80%;border-radius:10px}.eel-lightbox-gallery .eel-close{position:absolute;top:15px;right:25px;font-size:35px;color:#fff;cursor:pointer}.eel-lightbox-gallery button{background:none;border:none;color:#fff;font-size:40px;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.eel-prev{left:40px}.eel-next{right:40px} |
