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

前端 - 如何在 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天内失败了。任何帮助都会被占用,我会感谢你的

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

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

  • 问题内容: 我正在手工维护一个HTML文档,并且正在寻找一种自动在表格中的文本周围插入链接的方法。让我说明一下: 我想在我们的错误跟踪系统(顺便说一下,是FogBugz)中自动将类为“ case”的TD中的每个文本链接到该案例。 因此,我希望将“ 123456”更改为这种形式的链接: 那可能吗?我玩过:before和:after伪元素,但是似乎没有办法重复案例编号。 问题答案: 不适用于跨浏览器的

  • 我知道Dan North设计BDD的意图之一是将词汇表从复杂的测试域中移开。然而,在实现由外到内的方法时,我们似乎仍然需要对模仿行为(或者,如果您愿意的话)有一些了解。North在这个视频中建议,如果我从最外层的域对象开始,然后向内工作,我会在发现合作者时模仿它们,然后用适当的实现替换它们。所以最后,我以一组端到端测试结束。 Martin Fowler在这篇博客文章中定义了TDD的两个阵营:“古典