鼠标悬停时如何让图像淡入？

Question

我收到了这个提示：

.container img{
     width:125px;
     margin;0;
     padding:0;
     opacity:0.5;
}
.container img:hover{
   opacity:1;
} 

尝试过它并且效果很好！

然后我使用了自定义CSS编辑器插件的简易版本 - 将代码弹出到其中并将类容器<p class="container">添加到图像中并且它可以工作。

Answer 1

您可以为图像使用opacity属性：

＆＃13;

＆＃13;

 getTheApi = () => {
     $.get('http://localhost:3008/people', (cool) => {
        this.setState({gets:cool})
     })
 }

＆＃13;

.container img{
  width:300px;
  margin;0;
  padding:0;
  opacity:0.5;
}
.container img:hover{
  opacity:1;
}

＆＃13;

＆＃13;

＆＃13;