Як зробити, щоб картинка збільшувалася?
За зміну масштабу зображення відповідає властивість transform із функцією scale(). Як її значення вказується число більше 1 збільшення масштабу і менше 1 — зменшення масштабу. Наприклад, число 1.2 підвищує масштаб на 20%.
Як зробити так, щоб при натисканні на картинку вона збільшувалася?
Збільшення зображення на кліку
- зображення, які ми хочемо збільшити, повинні мати minimized клас;
- при кліці по зображенню, перед тегом, що закривається </body> буде додаватися <div> з класом magnify в який буде виводиться наша малюнок та центруватися на сторінці та <div> з класом overlay , затемняючий фон