Ad5001/Enecss
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixing cylinders, reversing X mouse direction

Browse source
This commit is contained in:
Adsooi 2023-02-27 19:20:11 +01:00
parent 34f6162627
commit 773f0e2704
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/elements/circular/cylinder.scss
View file

@ -10,7 +10,7 @@
& > .strip { & > .strip {
position: absolute; position: absolute;
width: calc(2 * var(--PI) * var(--pradius) / var(--pstripcount)); width: calc(2 * 3.19 * var(--pradius) / var(--pstripcount));
height: var(--height, 100px); height: var(--height, 100px);
background: white; background: white;
} }
@ -21,6 +21,6 @@
} }
@for $i from 1 to 90 { @for $i from 1 to 90 {
& > .strip-#{$i} { transform: rotateY(calc($i * (360deg / var(--pstripcount)))) translateZ(var(--pradius)); } & > .strip-#{$i} { transform: rotateY(calc(($i - 1) * (360deg / var(--pstripcount)))) translateZ(var(--pradius)); }
} }
} }

4
src/view.scss
View file

@ -17,7 +17,7 @@
top: 11.11vh * $i; top: 11.11vh * $i;
} }
.view-top-#{$i}:hover ~ section.scene { .view-top-#{9-$i}:hover ~ section.scene {
--rotation-x: #{$rotation-x}; --rotation-x: #{$rotation-x};
} }
@ -25,7 +25,7 @@
left: 11.11vw * $i; left: 11.11vw * $i;
} }
.view-left-#{$i}:hover ~ section.scene { .view-left-#{9-$i}:hover ~ section.scene {
--rotation-y: #{$rotation-y}; --rotation-y: #{$rotation-y};
} }
} }