28 Фев Увеличение изображения при наведении мыши
Самый простой и эффективный способ создания увеличивающегося изображения при наведении мыши
Этот способ работает даже когда ваш блок находится внутри родительского блока со свойством [position: relative] которое не дает увеличиться изображению за границы родительского блока, изображение всплывает и позиционируется относительно окна браузера за счет применения [position: fixed], поэтому его можно растянуть до размера окна браузера.
Искал похожее решение, но не нашел, или может плохо искал :)
1. Определяем стили в таблице CSS:
2. Применяем к изображению на странице:
Размер увеличения картинки можно менять, изменяя значения в свойствах:
Enjoy!
Нет комментариев