увеличение картинок

красивое увеличение картинок CSS



.gallerycontainer{ position: relative; /*Добавьте признак высоты и установите в высоту наибольшего изображения, чтобы предотвратить сверхналожение*/ } .thumbnail img{ border: 1px solid white; margin: 0 5px 5px 0; } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ border: 1px solid blue; } .thumbnail span{ /*CSS для увеличенного изображения*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS для увеличенного изображения*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS для увеличенного изображения*/ visibility: visible; top: 100px; left: 20px; /*горизонтальное смещение увеличенного изображения */ z-index: 50; }


Simply beautiful.
So real, it's unreal. Or is it?
Sushi for dinner anyone?
Run wild with horses. Dynamic Drive
Dynamic Drive Zoka Coffee
Zoka Coffee







Рекомендуемый контент




Copyright © 2010-2019 housea.ru. Контакты: info@housea.ru При использовании материалов веб-сайта Домашнее Радио, гиперссылка на источник обязательна.