有什么方法可以编码一个按钮来使用css / html转换同一页面上的图像?

我正在为一个与我们的太阳系有关的站点编程。我在网页中间制作了一个太阳系,我想编程一些链接到这些行星之一的按钮,这些按钮将在单击时改变所选行星的比例。

所以我的问题是:如何将按钮链接到图像?

我已经看过Internet,但是找不到解决方案。当我开始学习css和html时,我本人无法提出解决方案。

我认为不需要我的代码即可解决问题。

zn890811 回答:有什么方法可以编码一个按钮来使用css / html转换同一页面上的图像?

这是一个免费赠品示例。欢迎来到SO!

scaleImg = (id) => {

  const el = document.getElementById(id);
  
  el.style.transform = 'scale(3)';

}
#testy {
  background: url('https://i.stack.imgur.com/BVW9D.jpg') no-repeat center;
  background-size: cover;
  height: 5rem;
  width: 5rem;
  
  position: absolute;
  top: 20%;
  left: 20%;
  transform: translate(-20%,-20%);
  transition: transform 1s ease;
}
<div id="testy"></div>

<br/><br/>

<button onclick="scaleImg('testy')">Click Me</button>

本文链接:https://www.f2er.com/3156103.html

大家都在问