如何在此图库中使用图片作为链接？

Question

我正在尝试使用这个图库： https://codepen.io/knyttneve/pen/YgZbLO

如果我使用 href，图片将不再显示

 <div class="box">
    <img src="https://source.unsplash.com/1000x800">
    <span>CSS</span>

但是当鼠标悬停在上面时，我不知道将图片用作链接。

Answer 1

只需将它们包装在标签中：

<div class="box">
    <a href="..."><img src="https://source.unsplash.com/1000x800"></a>
    <span>CSS</span>
</div>

CSS 代码如下：

.box img {
  object-fit: cover; 
  transition: .5s;
}

.box > a {
  width: 200%;
  height: calc(100% - 10vh);
}