The Art of Emergence ®

A digital space I made to demonstrate one of my personal most important principles of design.

Description

"A lot of designers don't talk about this particular principle of design animation principle, and it's of great importance as companies like Apple and Google and Some designers like Camille Mormal and Dennis Snellenberg use it Alot."

Getting Started

Dependencies

To access the School Drama Club Website Showcase, you'll need:

A modern web browser
Internet connectivity

Highlight Feature

CSS Intro Animation

.intro{
    height: 100vh;
    width: 100vw;
    scale: 0.5;
    animation:fade-up 1.1s,scale 1.2s  1.2s  ease forwards;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: filter 0.1s;
}

@keyframes fade-up {
    from {
        transform: translateY(50px);
        opacity: 0;
    }

    to{
        opacity: 1;
    }
    
}


@keyframes scale {
    from{
        scale: 0.5;
    }

    to{
        scale: 1;
    }
}

Installation

There's no need for installation. Simply visit the website to start exploring.

Executing Program

To Go to the website:

Launch your preferred web browser.
Enter the website's URL in the address bar.

Author

CJ
[email protected]

Version History

1.0
- I doubt I might make a new version tbh

License

This project is licensed under the MIT License - refer to the LICENSE.md file for details.

Elanique.co
School website: https://pau.edu.ng/

This website is designed to enhance the experience of our school's drama club members and enthusiasts.

Recommend Projects