29 lines
895 B
SCSS
29 lines
895 B
SCSS
@mixin item-2 {
|
|
background: linear-gradient(128deg, rgba(0, 212, 255, 1) 23%, rgba(9, 9, 121, 1) 28%, transparent 39%);
|
|
clip-path: circle(100% at 75% 240%);
|
|
|
|
span {
|
|
left: 120px;
|
|
}
|
|
|
|
&:hover {
|
|
background: linear-gradient(90deg, rgba(0, 212, 255, 1) 31%, rgba(9, 9, 121, 1) 78%, transparent 90%);
|
|
|
|
&::before {
|
|
background: linear-gradient(90deg, rgba(0, 212, 255, 1) 88%, rgba(9, 9, 121, 1) 93%, transparent 105%);
|
|
}
|
|
|
|
&::after {
|
|
background: linear-gradient(90deg, rgba(0, 212, 255, 1) 81%, rgba(9, 9, 121, 1) 86%, transparent 98%);
|
|
}
|
|
}
|
|
|
|
&::before {
|
|
background: linear-gradient(90deg, rgba(0, 212, 255, 1) 3%, rgba(9, 9, 121, 1) 78%, transparent 90%);
|
|
}
|
|
|
|
&::after {
|
|
background: linear-gradient(90deg, rgba(0, 212, 255, 1) 6%, rgba(9, 9, 121, 1) 71%, transparent 83%);
|
|
}
|
|
}
|