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

CSS Animations #12

Open

ivoputzer opened this issue Feb 22, 2022 · 6 comments

Labels

CSS

Contributor

ivoputzer commented Feb 22, 2022

basic transforms
background animations
gradient antimations

ivoputzer added the CSS label

Contributor Author

ivoputzer commented Mar 1, 2022

( < fundamentals, check this video tutorial https://www.simplilearn.com/tutorials/css-tutorial)

Member

aldomalerba commented Mar 1, 2022 •

edited by ivoputzer

Loading

https://www.w3schools.com/css/css3_animations.asp
https://web.dev/animations-guide/ (high performance)

giuxtaposition commented Mar 1, 2022 •

edited

Loading

AlexSemykin commented Mar 1, 2022

CSS Animations: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations
CSS Tricks Animations: https://css-tricks.com/almanac/properties/a/animation/
25 cool CSS animation examples to recreate: https://www.creativebloq.com/inspiration/css-animation-examples
Exercises: CSS Transitions and Animations: https://codepen.io/jorgecardoso/post/1-css-transitions-and-animations
CSS3 Animation Exercise: https://www.ankitweblogic.com/css3/animation-exercise.php

Contributor Author

ivoputzer commented Mar 1, 2022 •

edited

Loading

https://animate.style/

Rimando a codepen weekly challenges

Contributor Author

ivoputzer commented Mar 1, 2022

let's find some excercizes

parallax
scroll based animations (fadein/out/expand)
appear/disappear/expand for modale/menu/etc
accordion (summary/details)
nice background animation (ie. gradients and/or clouds.. that later can be taken up by javascript/webGL)

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