Explore

CSS learning

Timothy Ricks:

Basic:

https://www.youtube.com/watch?v=PP4G3q0WNGs&t=617s⁠

⁠

Advanced:

https://www.youtube.com/watch?v=ibo7OEpofmA⁠

⁠

Tools by Timothy:

⁠

https://css.timothyricks.com/webflow-classes⁠

⁠

https://www.w3schools.com/cssref/css_ref_pseudo_classes.php⁠

Useful Hints for hover animations:

vertical move:

transform:

translateY(calc(1rem * var(--_state---on)))

transform: rotate: rotate(calc(45deg * var(--_state---off)))

filter:

blur: blur(calc(1rem * var(--_state---on)))

Attributes:

parents element attributes for focus and hover state: data-trigger="focus hover"

disable hover and focus state on touch devices for this element: data-trigger="default"

Want to print your doc?
This is not the way.

Try clicking the ··· in the right corner or using a keyboard shortcut (

CtrlP

) instead.