2020 Year in Review

[naher94]

Assorted notes for 2020 YiR page:

Header background effect: https://tympanus.net/Development/AmbientCanvasBackgrounds/index2.html https://codepen.io/brunopereiradonascimento/pen/ZjLNmO

http://carbure.co

[naher94]

Ripple Effect for Dark Mode animation:

https://codepen.io/liamj/pen/vvdRdR?editors=1100 https://codepen.io/pauginer/pen/PjbLEL?editors=1100 https://codepen.io/finnhvman/pen/jLXKJw https://dev.to/skptricks/ripple-effect-animation-on-button-click-with-css3-4353 https://codemyui.com/material-design-button-colour-background-colour/

[naher94]

Custom Cursor:

https://css-tricks.com/using-css-cursors/ https://tympanus.net/Tutorials/CustomCursors/index.html

[naher94]

Cursor Fireworks:

https://codepen.io/valhead/pen/NABYow

[naher94]

Hover Pop:

https://codepen.io/valhead/pen/uhCtx

[naher94]

Sticky Reveal Footer:

https://codepen.io/chriscoyier/pen/oNXZJzj?editors=1100

[naher94]

Map Draw Path:

https://codepen.io/MyXoToD/pen/yyKZaj

[naher94]

Number Counter:

https://codepen.io/shivasurya/pen/FatiB https://codepen.io/lefoy/pen/oXadRa?editors=1100

[naher94]

Letter Animation for 2020 Title

https://codepen.io/FlorinPop17/pen/WEBNyx

[naher94]

Text Animations

https://codepen.io/hexagoncircle/pen/oNvMLRQ https://codepen.io/hexagoncircle/pen/OJLxWKq https://codepen.io/uzcho_/pen/LaPqWJ https://codepen.io/TajShireen/pen/abzmoRE https://codepen.io/markmead/pen/YjQKeZ https://codepen.io/erinesullivan/pen/ZMreqJ https://codepen.io/hexagoncircle/full/yLeGbgJ https://codepen.io/RickyMarou/details/dyoMXYR

[naher94]

Strike Through and Note style Text

https://codepen.io/ostranme/pen/jxzQvp

[naher94]

Multi-line text animation

https://codepen.io/MananTank/pen/qBdyZXR

[naher94]

Phone Ring Animation

https://codepen.io/Suriteka/pen/vyYEmW?editors=1100

call-animation.html.zip

[naher94]

Parallax

https://medium.com/@dailyfire/pure-css-parallax-simple-tricks-da102d0ffdb9

https://codepen.io/samdbeckham/pen/OPXPNp

[naher94]

Bouncing Balls

https://joshbradley.me/object-collisions-with-canvas/