当前位置: 首页 > 知识库问答 >
问题:

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

上官和韵
2024-02-29

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

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

image.png

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

共有2个答案

申屠俊发
2024-02-29

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

.Goods-item:hover{    scale: 1 1.05;    transform: translateY(-8px);}.Goods-item:hover{    transform: scale(1, 1.05) translateY(-8px);}
刘凡
2024-02-29

找不同:

  1. 目标网站排列元素是从上到下, 从左到右, 而你是从左到右, 从上到下, 顺序不一样
  2. 目标网站的元素:hover时, 只有自身的高度发生了变化, 并未影响到相邻元素和父容器元素高度
  3. 目标网站的父容器高度固定: h-[536px]
 类似资料:
  • 如图的效果:边框包裹文字,文字垂直左右居中。试过一些方式,但是移动端(安卓和苹果)查看的时候垂直方向总是有肉眼可见的不垂直居中(安卓和苹果显示效果不一致),有么有好用的方式进行设置。

  • 我是Django 1.9.5的新手,使用windows作为我的平台。我有一个问题连接我的css,图像和js到django templage, 这是我的项目结构 这是我的设置页面 这是我的主要网址。py页 这是我的基本html模板 Github链接我在Github中的项目我尝试了所有可能的组合,但在2天内失败了。任何帮助都会被占用,我会感谢你的

  • 要求div的四个角都如图上所示,请各位指点!!

  • 移动端HTML如何做强制横屏效果?就是页面一打开就是横屏的,现在页面横屏了,可是里面的子元素不横屏,我就奇怪了,我看别人写的都可以我跟写的就不行,我还对比了样式,也没看出来哪里不一样 有谁知道是怎么回事吗?

  • 问题内容: 模块包括在其顶部。然而在试验条件下,我想嘲笑 的(模拟)和进口完全避免。 实际上,并不是故意在测试环境中安装的。 是被测单元。我必须导入所有功能。是我需要模拟的模块。但我怎么能嘲笑之内,并停止从导入实际,如果第一件事情确实是进口? (未安装B的原因是我使用pypy进行了快速测试,但不幸的是B尚未与pypy兼容。) 怎么办呢? 问题答案: 您可以在导入之前分配给以获取所需的内容: tes

  • 因为MyFinalClass中的getObject(字符串名)方法的实现尚未完成,所以我在调用getObject方法时抛出新的MyException()。但是,该异常不会作为mockito.when(...)调用未被调用,导致断言失败。 请帮帮忙。谢谢你。