IshaanASC23 / BunjeeLICustom

Bunjee's LI Custom Lesson

We're learning good CSS practices and we'll experiment with some cool CSS animations/tricks.

Tips ->

• USE YOUR RESOURCES!!!
  • W3schools, MDN docs, etc
• Trial by Error!!!
  • The only way to know if something works is to try it out!
  • "You can always edit a bad page. You can't edit a blank page."

References/Extra Links ->

• Check out these references that I used:

  • (Typewriter)https://css-tricks.com/snippets/css/typewriter-effect/
  • (Animations)https://www.w3schools.com/css/css3_animations.asp
  • (Keyframes)https://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp
  • (Import)https://www.w3schools.com/cssref/pr_import_rule.php
  • (Gradients) https://www.w3schools.com/css/css3_gradients.asp
  • (CSS Variables) https://www.w3schools.com/css/css3_variables.asp
  • (Toggle switch) https://www.w3schools.com/howto/howto_css_switch.asp

• Cool websites that use CSS

  • https://www.supremo.co.uk/typeterms/
  • http://www.rleonardi.com/interactive-resume/
  • https://www.recapafteruse.co.uk/
  • https://www.apple.com/macbook-pro-13/
  • https://animate.style/
  • https://www.art4web.co/
  • https://vlog.it/

• Take a look at these links in your free time:

  • https://www.youtube.com/watch?v=HZHHBwzmJLk
  • https://www.youtube.com/watch?v=SgmNxE9lWcY
  • https://www.youtube.com/watch?v=1Aq9OJuS3ok
  • https://www.youtube.com/watch?v=Qhaz36TZG5Y

Good luck!