move some pigs around and add a glowing neon friend
This commit is contained in:
523
web/src/components/general/pigs/fun/NeonChillPig.tsx
Normal file
523
web/src/components/general/pigs/fun/NeonChillPig.tsx
Normal file
File diff suppressed because one or more lines are too long
27
web/src/components/general/pigs/fun/neonChillPig.module.scss
Normal file
27
web/src/components/general/pigs/fun/neonChillPig.module.scss
Normal file
@ -0,0 +1,27 @@
|
||||
.neonChillPig {
|
||||
position: relative;
|
||||
width: 20rem;
|
||||
height: 8rem;
|
||||
|
||||
.static,
|
||||
.animate {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.animate {
|
||||
animation: glow 1s infinite alternate;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes glow {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user