Як зробити так, щоб при натисканні на картинку вона збільшувалася?
Щоб картинка збільшувалася при наведенні на неї курсору миші, властивість transform слід прив'язати до псевдокласу, як показано в прикладі 1. При наведенні на картинку масштаб змінюється миттєво, тому для плавного збільшення зображення додано властивість transition, воно задає час масштабування.
Як збільшити масштаб CSS?
Щоб збільшити зображення за допомогою CSS, ви можете використовувати властивість transform з функцією scale . Функція scale збільшує або зменшує розмір елемента відповідно до заданих значень масштабу. Тут ми використовуємо властивість transform з функцією scale(2) для збільшення розміру елемента в два рази.