reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-15 19:22:52 +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;
}
html::-webkit-scrollbar {
--at-apply: 'hidden w-0 h-0';
--at-apply: 'hidden';
}
body {
--at-apply: 'text-1.6rem';
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
h1, h2, h3 {
text-rendering: optimizeLegibility;
@ -42,6 +40,7 @@ h6 {
article img {
cursor: zoom-in;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
/* Horizontal reveal animation on theme toggle */
@keyframes reveal {
@ -59,6 +58,8 @@ html:not(.dark) {
animation: reveal 1s cubic-bezier(0.4, 0, 0.2, 1);
clip-path: inset(0 0 0 0);
z-index: 2;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
::view-transition-old(theme-transition) {
animation: none;