reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 19:51:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

test: ios flash issue

Browse source 
- Simplify scrollbar hiding styles
- Remove redundant transform properties from body
- Add WebKit transform for image rendering
- Enhance theme transition animation with transform optimizations
This commit is contained in:
radishzzz 2025-01-26 04:18:32 +00:00
parent e513b78c66
commit 24c680d5b1
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/styles/global.css
View file

@ -9,14 +9,12 @@ html {
-ms-overflow-style: none; -ms-overflow-style: none;
} }
html::-webkit-scrollbar { html::-webkit-scrollbar {
--at-apply: 'hidden w-0 h-0'; --at-apply: 'hidden';
} }
body { body {
--at-apply: 'text-1.6rem'; --at-apply: 'text-1.6rem';
backface-visibility: hidden; backface-visibility: hidden;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
transform: translateZ(0);
-webkit-transform: translateZ(0);
} }
h1, h2, h3 { h1, h2, h3 {
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@ -42,6 +40,7 @@ h6 {
article img { article img {
cursor: zoom-in; cursor: zoom-in;
transform: translateZ(0); transform: translateZ(0);
-webkit-transform: translateZ(0);
} }
/* Horizontal reveal animation on theme toggle */ /* Horizontal reveal animation on theme toggle */
@keyframes reveal { @keyframes reveal {
@ -59,6 +58,8 @@ html:not(.dark) {
animation: reveal 1s cubic-bezier(0.4, 0, 0.2, 1); animation: reveal 1s cubic-bezier(0.4, 0, 0.2, 1);
clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);
z-index: 2; z-index: 2;
transform: translateZ(0);
-webkit-transform: translateZ(0);
} }
::view-transition-old(theme-transition) { ::view-transition-old(theme-transition) {
animation: none; animation: none;