我正在建设一个网站,其中有一个容器内的图像和图标.我希望能够悬停在容器上,图像将向上移动40px,图标将向右移动40px.在这种情况下,我是否需要使用Java脚本,或者是否有只能利用CSS的解决方案?

先谢谢你.

推荐答案

没有理由涉及到JavaScript--只需在CSS中使用伪 Select 器:hover即可.其他人在回答this question个问题时提出了不同的方法.

如果你想让图片向上移动,而不是立即移动,你也可以使用css动画.

Javascript相关问答推荐

Node.JS ws包中是否有Webocket的错误代码列表?

响应式JS DataTable中的Bootstrap 5弹出程序无法正常工作

在具有焦点和上下文的d3多线图表中,如何将上下文的刷新限制在特定日期?

如何在表格上拥有水平滚动条,在正文页面上拥有垂直滚动条,同时还对html表格的标题使用位置粘性?

每次子路由重定向都会调用父加载器函数

使用axios.获取实时服务器时的404响应

fs. writeFile()vs fs.writeFile()vs fs.appendFile()

在页面上滚动 timeshift 动垂直滚动条

无法在nextjs应用程序中通过id从mongoDB删除'

如何将Map字符串,布尔值转换为{key:string;value:bo布尔值;}[]?<>

我们如何从一个行动中分派行动

使用JQuery单击元素从新弹出窗口获取值

获取Uint8ClampedArray中像素数组的宽度/高度

使用Promise.All并发解决时,每个promise 的线性时间增加?

使用ThreeJ渲染的形状具有抖动/模糊的边缘

如何强制Sphinx中的自定义js/css文件始终加载更改而不缓存?

为什么JPG图像不能在VITE中导入以进行react ?

JavaScript不重定向配置的PATH

未捕获的运行时错误:调度程序为空

用于测试其方法和构造函数的导出/导入类