CSS3属性转换在悬停状态下不起作用

我想在一个div上做一个悬停，这会使边界变粗。我使用

box shadow:inset…

属性，因为它不会扩展我的元素。但是，

转换

不起作用，这可能是因为在主类中，

框阴影

没有

inset

属性。我不知道怎么解决它

.card{
宽度：100px；
高度：100px；
盒影：0.2.5雷姆0 rgba（207、212、225、0.4）；
}
.卡-组{
过渡：所有0.3秒的缓进缓出；
}
.card--组：悬停{
长方体阴影：插图0.1875rem#54d1bd；
}

---

尝试在.card的悬停中添加属性--组：悬停

.card{
宽度：100px；
高度：100px；
背景：红色；
盒影：0.2.5雷姆0 rgba（207、212、225、0.4）；
}
.卡-组{
过渡：所有0.3秒的缓进缓出；
}
.card--组：悬停{
宽度：200px；
长方体阴影：插图0.1875rem#54d1bd；
}

< /代码> 因为你有2个不同的影子，你可以考虑多个<代码>框阴影<代码>，你可以在每一个之间有一个过渡。显示插入的一个，隐藏初始的一个


.card{
宽度：100px；
高度：100px；
框阴影：
插图0#54d1bd，
0 2.5雷姆0 rgba（207、212、225、0.8）；
}
.卡-组{
过渡：所有0.3秒的缓进缓出；
}
.card--组：悬停{
框阴影：
插图0.1875rem#54d1bd，
0 rgba（207212 225,0.8）；
}

请以后在您的问题中发布您的代码，不要指望我们去其他地方查看。这是为了防止链接腐烂和外部网站的重组。