add black hole in the middle of the cube :)
This commit is contained in:
parent
13d0e65c54
commit
69bd595382
2 changed files with 12 additions and 1 deletions
BIN
media/blackhole.png
(Stored with Git LFS)
Normal file
BIN
media/blackhole.png
(Stored with Git LFS)
Normal file
Binary file not shown.
|
@ -114,7 +114,7 @@
|
||||||
#cube {
|
#cube {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
> section {
|
> section, &::after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 5vh 5vw;
|
inset: 5vh 5vw;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
@ -128,6 +128,14 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#outer::after {
|
||||||
|
content: ' ';
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background: url(../media/blackhole.png) center / 60% no-repeat;
|
||||||
|
transform: translateZ(var(--nhalf));
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes breathe {
|
@keyframes breathe {
|
||||||
40% { transform: var(--base-transform) translateZ(var(--breathe)); }
|
40% { transform: var(--base-transform) translateZ(var(--breathe)); }
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue