小编Kac*_*łek的帖子

如何将 ::after 元素悬停在样式组件中

我尝试::after使用样式组件悬停我的元素,但它不起作用。

下面我粘贴了我的代码,我希望它可以正常工作,但事实并非如此。

const Div = styled.div`
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
postition:relative;
&::after{
  content: '';
  background:rgba(255, 193, 5, 1);
  position:absolute;
  top:60%;
  left:-15%;
  width:20vw;
  height:20vw;
  border-radius:50%;
  &:hover{
    transform: scale(1.2);
  }
}
`
Run Code Online (Sandbox Code Playgroud)

css pseudo-element gatsby styled-components

1
推荐指数
1
解决办法
4788
查看次数

标签 统计

css ×1

gatsby ×1

pseudo-element ×1

styled-components ×1