如何用Python实现基于GAN的异常检测?生成对抗网络

基于gan的异常检测核心思路是让gan学习正常数据分布,通过重构误差和判别器输出识别异常。1. 数据准备阶段仅使用正常数据进行训练,进行标准化和归一化等预处理。2. 构建gan模型,生成器将噪声转换为正常数据样本,判别器区分真假数据。3. 模型训练时交替更新生成器和判别器,使用对抗损失和重建损失优化模型。4. 异常检测阶段通过计算重构误差和判别器输出得分评估异常分数,设定阈值判断是否为异常。5. 实现上可使用tensorflow或pytorch框架,构建生成器、判别器网络并训练,推理时通过判别器输出和重构误差计算异常分数。gan的优势在于无监督学习能力和对复杂模式的捕捉,但训练稳定性与阈值设定仍是挑战。

如何用Python实现基于GAN的异常检测?生成对抗网络

用Python实现基于GAN的异常检测,核心思路是让生成对抗网络(GAN)学习“正常”数据的分布特征。一旦网络学会了如何生成与正常数据无异的样本,任何无法被生成器很好地重构、或者被判别器轻易识别为“假”的数据,都极有可能是异常。在Python里,这通常意味着利用TensorFlow或PyTorch这类深度学习框架,构建并训练一个能捕捉正常模式的GAN,然后用它来识别那些“格格不入”的样本。

如何用Python实现基于GAN的异常检测?生成对抗网络

解决方案

要实现基于GAN的异常检测,我们通常会采用一种叫做AnoGAN或其变种的思路。具体操作起来,大概是这么个流程:

数据准备: 你需要收集大量且尽可能纯粹的“正常”数据。异常数据通常很少,或者根本没有,所以GAN的优势就在于它能从单一类别的正常数据中学习。数据预处理也很关键,标准化、归一化是常规操作,对图像数据可能还需要进行尺寸统一。

立即学习“Python免费学习笔记(深入)”;

如何用Python实现基于GAN的异常检测?生成对抗网络

构建GAN模型:

生成器(Generator, G): 它的任务是接收一个随机噪声向量,并将其转换为与正常数据高度相似的样本。对于图像数据,G通常是反卷积网络;对于序列或表格数据,可能是循环神经网络(RNN)或全连接网络。判别器(Discriminator, D): 它的任务是区分输入数据是来自真实世界(正常数据)还是由生成器伪造的。D通常是一个分类器,输出一个概率值。训练目标: G和D是相互对抗的。G试图欺骗D,让D相信它生成的是真实数据;D则努力提高识别真假的能力。这个对抗过程会迫使G学习到正常数据的内在结构和分布。

模型训练:

如何用Python实现基于GAN的异常检测?生成对抗网络只用正常数据训练: 这是关键。GAN只在正常数据集上进行训练。迭代训练: 训练过程中,G和D会交替更新。先固定G,训练D:让D更好地分辨真实正常数据和G生成的假数据。再固定D,训练G:让G生成的数据更像真实正常数据,从而骗过D。损失函数: 除了标准的对抗损失(如二元交叉熵),有时还会引入一个重建损失(如L1或L2距离),确保生成器不仅能骗过判别器,还能更好地重构输入数据。

异常检测:

异常分数计算: 当有新的数据点需要判断是否异常时,我们将其输入到训练好的GAN中。重构误差: 将新数据输入到生成器中,得到一个重构后的数据。原始数据与重构数据之间的差异(例如像素级的L1或L2距离)可以作为异常分数。重构误差越大,表示该数据点与正常数据模式偏离越大,越可能是异常。判别器输出: 也可以将原始数据和其重构数据都输入到判别器中,利用判别器对它们的输出(真实性评分)来计算异常分数。如果判别器认为某个数据点是“假”的概率很高,那它很可能就是异常。设定阈值: 根据异常分数,设定一个阈值。超过这个阈值的数据点就被标记为异常。这个阈值的设定往往需要结合实际业务场景和一定的经验,有时也会用到统计方法。

Python实现示例(基于TensorFlow/Keras的简化版):

import tensorflow as tffrom tensorflow.keras import layers, Model, lossesimport numpy as np# 假设我们有一些正常数据,这里用随机数据模拟# 实际应用中,你需要加载你的正常数据集normal_data = np.random.rand(1000, 28, 28, 1).astype('float32') # 1000张28x28的灰度图# 1. 定义生成器def build_generator():    model = tf.keras.Sequential([        layers.Input(shape=(100,)), # 噪声向量维度        layers.Dense(7*7*256, use_bias=False),        layers.BatchNormalization(),        layers.LeakyReLU(),        layers.Reshape((7, 7, 256)),        layers.Conv2DTranspose(128, (5, 5), strides=(1, 1), padding='same', use_bias=False),        layers.BatchNormalization(),        layers.LeakyReLU(),        layers.Conv2DTranspose(64, (5, 5), strides=(2, 2), padding='same', use_bias=False),        layers.BatchNormalization(),        layers.LeakyReLU(),        layers.Conv2DTranspose(1, (5, 5), strides=(2, 2), padding='same', use_bias=False, activation='tanh')    ])    return model# 2. 定义判别器def build_discriminator():    model = tf.keras.Sequential([        layers.Input(shape=(28, 28, 1)),        layers.Conv2D(64, (5, 5), strides=(2, 2), padding='same'),        layers.LeakyReLU(),        layers.Dropout(0.3),        layers.Conv2D(128, (5, 5), strides=(2, 2), padding='same'),        layers.LeakyReLU(),        layers.Dropout(0.3),        layers.Flatten(),        layers.Dense(1) # 无激活函数,方便计算二元交叉熵    ])    return model# 3. 损失函数和优化器cross_entropy = losses.BinaryCrossentropy(from_logits=True)def discriminator_loss(real_output, fake_output):    real_loss = cross_entropy(tf.ones_like(real_output), real_output)    fake_loss = cross_entropy(tf.zeros_like(fake_output), fake_output)    total_loss = real_loss + fake_loss    return total_lossdef generator_loss(fake_output):    return cross_entropy(tf.ones_like(fake_output), fake_output)generator_optimizer = tf.keras.optimizers.Adam(1e-4)discriminator_optimizer = tf.keras.optimizers.Adam(1e-4)# 4. 训练步骤@tf.functiondef train_step(images, generator, discriminator):    noise = tf.random.normal([images.shape[0], 100])    with tf.GradientTape() as gen_tape, tf.GradientTape() as disc_tape:        generated_images = generator(noise, training=True)        real_output = discriminator(images, training=True)        fake_output = discriminator(generated_images, training=True)        gen_loss = generator_loss(fake_output)        disc_loss = discriminator_loss(real_output, fake_output)    gradients_of_generator = gen_tape.gradient(gen_loss, generator.trainable_variables)    gradients_of_discriminator = disc_tape.gradient(disc_loss, discriminator.trainable_variables)    generator_optimizer.apply_gradients(zip(gradients_of_generator, generator.trainable_variables))    discriminator_optimizer.apply_gradients(zip(gradients_of_discriminator, discriminator.trainable_variables))    return gen_loss, disc_loss# 训练循环(简化,实际需要更多epoch和数据批次处理)generator = build_generator()discriminator = build_discriminator()EPOCHS = 50 # 实际可能需要几百甚至上千个epochBATCH_SIZE = 64dataset = tf.data.Dataset.from_tensor_slices(normal_data).shuffle(1000).batch(BATCH_SIZE)print("开始训练GAN...")for epoch in range(EPOCHS):    for image_batch in dataset:        g_loss, d_loss = train_step(image_batch, generator, discriminator)    print(f'Epoch {epoch+1}, G Loss: {g_loss:.4f}, D Loss: {d_loss:.4f}')print("GAN训练完成。")# 5. 异常检测推理函数def detect_anomaly(data_point, generator, discriminator, threshold=0.5):    # 方法1: 基于重构误差    # 寻找最能重构data_point的噪声向量(这里简化,直接用生成器生成)    # 实际AnoGAN会通过优化寻找最佳z    # 这里我们直接用生成器生成一个样本,并计算其与输入数据的距离    # 更严谨的AnoGAN会反向传播找到最佳z,使得G(z)最接近data_point    # 简化:直接计算输入数据和它被判别器判断为“真”的程度    # 以及一个假设的“重构”误差(虽然这里没有真正的反向优化重构)    # 正常AnoGAN的异常分数通常是:    # L_recon(x, G(z_x)) + alpha * L_disc(x, D(x), D(G(z_x)))    # 其中z_x是通过优化G(z)接近x得到的    # 这里我们采用一个简化的异常分数:判别器对输入数据的“真实性”评分    # 判别器认为越不像正常数据,分数越高    # 实际AnoGAN的异常分数计算会复杂一些,通常涉及:    # 1. 找到一个隐空间向量z,使得G(z)尽可能接近输入x    # 2. 异常分数 = L_recon(x, G(z)) + alpha * L_disc(D(x), D(G(z)))    # L_recon是重构误差,L_disc是判别器特征匹配误差    # 简化版:直接看判别器对原始数据的判断    score = discriminator(tf.expand_dims(data_point, axis=0), training=False).numpy()[0][0]    # 注意:判别器的输出是logit,需要sigmoid转换成概率,或者直接用logit比较    # 如果判别器输出是负值,表示它认为这是假的;正值,表示真的    # 那么,我们希望异常数据被判别器认为是“假”的,即输出负值    # 所以,我们可以用 -score 作为异常分数,分数越高越异常    anomaly_score = -score # 判别器输出越小(越认为是假),异常分数越高    is_anomaly = anomaly_score > threshold    return anomaly_score, is_anomaly# 示例:检测一个“异常”数据点(这里用随机数据模拟一个,假设它和正常数据有显著差异)# 实际中,你会有新的、未见过的数据来测试test_anomaly_data = np.random.rand(28, 28, 1).astype('float32') * 2.0 # 假设值域超出正常范围test_normal_data = normal_data[0] # 取一个正常数据点# 检测score_anomaly, is_anomaly_result = detect_anomaly(test_anomaly_data, generator, discriminator, threshold=1.0)print(f"测试异常数据:异常分数 {score_anomaly:.4f}, 是否异常: {is_anomaly_result}")score_normal, is_normal_result = detect_anomaly(test_normal_data, generator, discriminator, threshold=1.0)print(f"测试正常数据:异常分数 {score_normal:.4f}, 是否异常: {is_normal_result}")

这段代码只是一个非常简化的骨架,特别是在异常分数计算部分,真正的AnoGAN会通过优化隐空间向量

z

来最小化重构误差,这会涉及到更复杂的梯度下降过程。但核心思想就是训练一个能理解正常数据分布的生成器和判别器。

为什么GAN在异常检测领域有其独到之处?

说实话,第一次接触GAN做异常检测的时候,我心里也犯嘀咕:这东西训练起来就够玄学了,还能指望它来发现异常?但深入了解后,不得不承认它确实有几把刷子。它最吸引人的地方,莫过于无监督学习的能力。在很多实际场景中,我们手里只有大量的正常数据,异常数据要么极少,要么根本就没有标签。传统的监督学习方法在这种情况下就束手无策了,而GAN能仅仅通过学习正常数据的内在模式,就构建一个“正常”的边界。

Melodio Melodio

Melodio是全球首款个性化AI流媒体音乐平台,能够根据用户场景或心情生成定制化音乐。

Melodio 110 查看详情 Melodio

它还能捕捉复杂的数据模式。尤其是在图像、高维时间序列这些数据上,异常往往不是简单的数值偏离,而是某种结构上的、语义上的不一致。GAN,特别是那些基于卷积的架构(比如DCGAN),在学习这些复杂的空间或时序特征上表现出色。它能学会一张“正常”的脸长什么样,一个“正常”的网络流量模式是怎样的。当遇到一张“不像脸的脸”或者“不寻常的流量波动”时,它就能敏锐地察觉到不对劲。

另外,它作为一种生成式模型,某种程度上它不仅仅是识别异常,它还“理解”了正常数据的分布。这种理解,有时能帮助我们更好地解释为什么某个样本是异常的——因为它无法被正常模式很好地重构出来。当然,这只是理论上的一点美好,实际操作起来,解释性依然是个挑战。

不过,也得承认,这玩意儿的训练稳定性是个大问题,模式崩溃、超参数敏感性让人头疼。有时候,你得花大量时间去调优,感觉就像在驯服一匹野马,得靠经验和那么一点点运气。但一旦训好了,它的效果确实能让人眼前一亮。

如何选择合适的GAN架构和损失函数?

选GAN架构和损失函数,这事儿真没个标准答案,更多的是一种艺术,得看你的数据类型和具体问题。我个人的经验是,先从最经典的,或者说最“稳”的那些开始尝试。

架构选择:

对于图像数据:

DCGAN

(深度卷积GAN)是个不错的起点,它用卷积层替代了全连接层,在图像生成上效果挺好。如果你想更稳定,可以考虑

WGAN-GP

(Wasserstein GAN with Gradient Penalty),它解决了GAN训练不稳定、模式崩溃的问题,让训练过程更平滑。专门用于异常检测的变体:

AnoGAN

是早期比较有名的,它通过在训练好的GAN的隐空间里搜索,找到最能重构输入图像的潜在向量,然后利用重构误差和判别器特征的差异来打分。

f-AnoGAN

是AnoGAN的改进版,它引入了一个编码器来直接映射输入到隐空间,省去了迭代搜索的过程,速度更快。如果你数据量大,或者对实时性有要求,可以考虑这类。结合VAE:

VAE-GAN

是个有趣的结合体,它试图融合变分自编码器(VAE)的重构能力和GAN的对抗学习。VAE-GAN在生成质量和训练稳定性上可能比纯GAN更好,因为它有一个明确的重构目标。非图像数据: 如果是时间序列或表格数据,生成器和判别器可能就需要用

RNN

LSTM

或者简单的

全连接层

来构建,根据数据特性来定。

损失函数选择:

对抗损失:标准GAN的二元交叉熵(Binary Cross-Entropy):

tf.keras.losses.BinaryCrossentropy

(TensorFlow) 或

torch.nn.BCEWithLogitsLoss

(PyTorch) 是最常用的。Wasserstein Loss: 如果你用

WGAN

WGAN-GP

,那就要用它的Wasserstein Loss,它能提供更平滑的梯度,避免模式崩溃。重建损失(针对AnoGAN等):L1损失(Mean Absolute Error, MAE):

tf.keras.losses.MeanAbsoluteError

torch.nn.L1Loss

。L1损失对异常值不那么敏感,能保持图像的边缘细节,有时比L2效果更好。L2损失(Mean Squared Error, MSE):

tf.keras.losses.MeanSquaredError

torch.nn.MSELoss

。L2会惩罚大的误差,可能导致生成的图像更模糊。特征匹配损失: 有时候,我们不仅仅希望生成器能骗过判别器,还希望它能生成和真实数据在判别器中间层特征上相似的样本。这时,可以在判别器的中间层输出上计算L1或L2距离作为损失。

我个人的经验是,很多时候

WGAN-GP

架构加上

L1重建损失

是个不错的起点,它兼顾了稳定性和生成质量。但具体还得看你的数据长什么样,有时候调参数调到怀疑人生,那也是常有的事。多尝试,多看论文,找到最适合自己数据的组合,这才是正道。

异常分数阈值设定与模型评估的挑战?

搞定了模型训练,接下来就是异常检测最让人头疼的部分:怎么设定那个“分界线”——阈值,以及怎么评估你这个模型到底好不好用。 这两块,在实际项目中,往往比模型本身更让人抓狂。

阈值设定:

这玩意儿真的没有一劳永逸的办法。

统计方法: 最直观的,你可以看看正常数据在训练好的模型下生成的异常分数分布,然后用统计学的方法,比如

3σ原则

,或者

百分位数

(比如,95%或99%的正常数据分数都在某个值以下),来确定一个初步的阈值。但问题是,异常往往是稀有的,它们的分数分布可能和正常数据混淆。领域知识: 很多时候,得拉着业务专家一起来看。让他们看看那些被模型标记为“异常”的样本,问问他们:“这到底是不是异常?如果是,这个阈值是不是太松了?如果不是,是不是太紧了?”这是一个反复迭代、不断调整的过程。F1-Score或Precision-Recall曲线: 如果你手

以上就是如何用Python实现基于GAN的异常检测?生成对抗网络的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/938933.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月29日 17:05:45
下一篇 2025年11月29日 17:07:44

相关推荐

  • CSS mask属性无法获取图片:为什么我的图片不见了?

    CSS mask属性无法获取图片 在使用CSS mask属性时,可能会遇到无法获取指定照片的情况。这个问题通常表现为: 网络面板中没有请求图片:尽管CSS代码中指定了图片地址,但网络面板中却找不到图片的请求记录。 问题原因: 此问题的可能原因是浏览器的兼容性问题。某些较旧版本的浏览器可能不支持CSS…

    2025年12月24日
    900
  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    800
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 为什么设置 `overflow: hidden` 会导致 `inline-block` 元素错位?

    overflow 导致 inline-block 元素错位解析 当多个 inline-block 元素并列排列时,可能会出现错位显示的问题。这通常是由于其中一个元素设置了 overflow 属性引起的。 问题现象 在不设置 overflow 属性时,元素按预期显示在同一水平线上: 不设置 overf…

    2025年12月24日 好文分享
    400
  • 网页使用本地字体:为什么 CSS 代码中明明指定了“荆南麦圆体”,页面却仍然显示“微软雅黑”?

    网页中使用本地字体 本文将解答如何将本地安装字体应用到网页中,避免使用 src 属性直接引入字体文件。 问题: 想要在网页上使用已安装的“荆南麦圆体”字体,但 css 代码中将其置于第一位的“font-family”属性,页面仍显示“微软雅黑”字体。 立即学习“前端免费学习笔记(深入)”; 答案: …

    2025年12月24日
    000
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 如何解决本地图片在使用 mask JS 库时出现的跨域错误?

    如何跨越localhost使用本地图片? 问题: 在本地使用mask js库时,引入本地图片会报跨域错误。 解决方案: 要解决此问题,需要使用本地服务器启动文件,以http或https协议访问图片,而不是使用file://协议。例如: python -m http.server 8000 然后,可以…

    2025年12月24日
    200
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯css解决方案,让图片跟随文本高度,确保父容器的高度不会被图片影响。 解决方法 为了解决这个问题,需要将图片从文档流中脱离…

    2025年12月24日
    000
  • 为什么我的特定 DIV 在 Edge 浏览器中无法显示?

    特定 DIV 无法显示:用户代理样式表的困扰 当你在 Edge 浏览器中打开项目中的某个 div 时,却发现它无法正常显示,仔细检查样式后,发现是由用户代理样式表中的 display none 引起的。但你疑问的是,为什么会出现这样的样式表,而且只针对特定的 div? 背后的原因 用户代理样式表是由…

    2025年12月24日
    200
  • inline-block元素错位了,是为什么?

    inline-block元素错位背后的原因 inline-block元素是一种特殊类型的块级元素,它可以与其他元素行内排列。但是,在某些情况下,inline-block元素可能会出现错位显示的问题。 错位的原因 当inline-block元素设置了overflow:hidden属性时,它会影响元素的…

    2025年12月24日
    000
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 为什么使用 inline-block 元素时会错位?

    inline-block 元素错位成因剖析 在使用 inline-block 元素时,可能会遇到它们错位显示的问题。如代码 demo 所示,当设置了 overflow 属性时,a 标签就会错位下沉,而未设置时却不会。 问题根源: overflow:hidden 属性影响了 inline-block …

    2025年12月24日
    000
  • 如何利用 CSS 选中激活标签并影响相邻元素的样式?

    如何利用 css 选中激活标签并影响相邻元素? 为了实现激活标签影响相邻元素的样式需求,可以通过 :has 选择器来实现。以下是如何具体操作: 对于激活标签相邻后的元素,可以在 css 中使用以下代码进行设置: li:has(+li.active) { border-radius: 0 0 10px…

    2025年12月24日
    100
  • 为什么我的 CSS 元素放大效果无法正常生效?

    css 设置元素放大效果的疑问解答 原提问者在尝试给元素添加 10em 字体大小和过渡效果后,未能在进入页面时看到放大效果。探究发现,原提问者将 CSS 代码直接写在页面中,导致放大效果无法触发。 解决办法如下: 将 CSS 样式写在一个单独的文件中,并使用 标签引入该样式文件。这个操作与原提问者观…

    2025年12月24日
    000
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 为什么我的 em 和 transition 设置后元素没有放大?

    元素设置 em 和 transition 后不放大 一个 youtube 视频中展示了设置 em 和 transition 的元素在页面加载后会放大,但同样的代码在提问者电脑上没有达到预期效果。 可能原因: 问题在于 css 代码的位置。在视频中,css 被放置在单独的文件中并通过 link 标签引…

    2025年12月24日
    100

发表回复

登录后才能评论
关注微信