Плавное увеличение картинки во все стороны из центра
Здравствуйте, друзья.
Помогите решить вопрос. Есть картинка 1.jpg Как скриптом javascript - увеличить эту картинку из центра - во все стороны, медленно и плавно ( с сохранением пропорций) , до тех пор пока она не увеличится до 300% ? (А затем произвести остановку.) |
Цитата:
Цитата:
http://shpargalkablog.ru/2011/05/kak...nie.html#close или setTimeout()... |
<style>
html, body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.img {
cursor: pointer;
transition: transform 3s;
}
.scale {
transform: scale(3);
}
</style>
<img class="img" src="https://javascript.ru/forum/images/ca_serenity/misc/logo.gif" onclick="classList.toggle('scale')">
|
Aetae,
А как сделать, чтобы картинка увеличивалась сразу же, не дожидаясь моего клика по ней ? |
Saitama,
onload вместо onclick |
Теперь все нормально, спасибо за ответы.
|
| Часовой пояс GMT +3, время: 02:56. |