New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Create the frosted glass background filter for some of the cards. #16

Open

JasonToups opened this issue Dec 1, 2021 · 0 comments

Labels

Milestone

Version 4 - Anima...

Owner

JasonToups commented Dec 1, 2021 •

edited

Loading

     .experience-card::after {
       z-index: -1;
       display: block;
       position: absolute;
       content: ' ';
       -webkit-filter: url('#blur');
       filter: url('#blur');
       -webkit-filter: blur(5px);
       filter: blur(5px);
       background-size: cover;
       opacity: 0.75;
       background-color: $white;
     }

Animate the symbols from the logo, falling in the background under the frosted glass overlay.

Look into NPM package: - react-transition-group for the glass overlay animated background & sliding cards.

JasonToups added the enhancement label

JasonToups added this to the Animations - Version 3 milestone

JasonToups added this to @JasonToups's Portfolio

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment