0

我正在为一家摄影公司建立一个网站，他们想要的一件事是一个像这样跟随光标的图片库：

光标上的图像移动

所以基本上当光标在图像上移动时，（.image:hover）图像应该跟随光标，直到光标停止悬停并返回到正常位置。

<style>
.image {
width: 50%;
height: 50%;
grid-row: 1;
grid-column: 1;
border: 5px solid black;
margin-left: 2px;
opacity: 0.7;
]
.image:hover {
width: 60%;
height: 60%;
opacity: 1;
border: 2px solid black;
display: flex;
}
</style>
<div class="image">
<img src="photoComp.jpg" />
</div>

现在，这绝对有效，但是您需要编写脚本。我不太擅长编写脚本，只擅长 cookie。那么如何编写图像以跟随光标并旋转和平移呢？

谢谢，

环游戏

看看这个网站。这是我找到示例的地方：

http://themes.semicolonweb.com/html/canvas/demo-photographer.html

4

0 回答 0