B站学习到的一个按钮案例
css伪元素创建俩个盒子,定位在button中心,部分代码如下:
.button::after {
position: absolute;
content: '';
background-image: linear-gradient(45deg, yellow, red);
inset: 0;
transition: .5s;
border-radius: 60px;
}
其中inset:0,不太明白其在CSS中的意思,
.container a:hover::before {
inset: -3px;
}
.container a:hover::after {
inset: -3px;
filter: blur(10px);
}
改变了inset:为-3px