import/order
is an eslint plugin that organises your imports.
- OGL a 29kb alternative to three.js (which is 149.1kB)
- Got a neat on hover animation effect working with css - https://codepen.io/chiubaca/pen/gOGzEve?editors=0100
- reversed engineered the ‘Shutter Out Vertical’ effect from Hover.css.
- This exercise surprisingly stretched my css skills more than i though. at a high level I had to absolute position the
::before
pseudo element, this gives you a free div
element to play with to create a shutter effect by transitioning the transform:translateY(0)
to transform:translateY(0)
.
- When we apply the
transition: all 1s
to both the hover state and regular state the animation transition both on hover and out. thanks css tricks! - https://css-tricks.com/different-transitions-for-hover-on-hover-off/