Home/Hub

About

Welcome! This is my Hub for Projects! All my HTML projects like Black Ops 6 Countdown and Browser start page are available here.

Discord Servers

Downloads

HTML Projects: Countdown Timers, Start Pages, and More!

Dark Mode UI: Sleek and Minimalist Design

Interactive Elements: Smooth Animations and Transitions

Code Contributions by Celestialis

Code Clean-up by GPT

Bug Fixes and Optimizations by Celestialis

Join Our Discord for Updates!

CSS:

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

Fade-In / Fade-Out Animation

CSS:

@keyframes slideUp {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

Slide Up Animation

CSS:

@keyframes scaleUp {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

Scale Up Animation