如何在 CSS 中模拟链接的移入效果?

作者站长头像
站长
· 阅读数 14

如何实现css移入样式和指定链接的移入效果一样(移入不会影响周围元素)

https://www.weimob.com/?channelSource=baidu10&JH=SCG-%E5%93%8...

如何在 CSS 中模拟链接的移入效果?

以下是我写的链接https://codepen.io/dx-1010/pen/rNbNOxW

回复
1个回答
avatar
test
2024-06-20

一般最简单最常用的方法就是放大,可以用scale或transform的scale。如果不这样的话就麻烦了,因为这些兄弟元素都在文档流中,所以修改某一个元素,会影响其他的元素,那解决办法就是让他推理文档流,不影响其他元素,这要从基础布局设置上来修改,得不偿失。

.Goods-item:hover{
    scale: 1 1.05;
    transform: translateY(-8px);
}
.Goods-item:hover{
    transform: scale(1, 1.05) translateY(-8px);
}
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容