Something went wrong. Try again.
my personal website! 10kbcat.meowing.zip
website
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124@view-transition { navigation: auto;}::view-transition-group(page-content) { animation-duration: 0.7s; animation-timing-function: ease;}::view-transition-group(root) { animation-duration: 0.7s; animation-timing-function: ease;}::view-transition-old(page-content) { animation-name: slide-in;}::view-transition-new(page-content) { animation-name: slide-out;}::view-transition-group(article) { animation-duration: 0.4s; animation-timing-function: ease;}::view-transition-old(article) { animation-name: slide-up;}::view-transition-new(article) { animation-name: slide-down;}
@keyframes slide-in { to { translate: -100vw; }}@keyframes slide-out { from { translate: 100vw; }}
@keyframes slide-up { to { translateY: -100vw; }}@keyframes slide-down { from { translateY: 100vw; }}
@keyframes bg-move { 0% { background-position: 0 0; }
100% { background-position: -560px -560px; }
}
@keyframes ticker { 0% { transform: translate3d(0, 0, 0); } to { transform: translate3d(-100%, 0, 0); }}
/* Animations for fading in and out */ @-webkit-keyframes fadein { from { top: 0; opacity: 0; }
to { top: 30px; opacity: 0.8; }
}
@keyframes fadein { from { top: 0; opacity: 0; }
to { top: 30px; opacity: 0.8; }
}
@-webkit-keyframes fadeout { from { top: 30px; opacity: 0.8; }
to { top: 0; opacity: 0; }
}
@keyframes fadeout { from { top: 30px; opacity: 0.8; }
to { top: 0; opacity: 0; }
}