CSS Secrets - L.V. - notes

Gradient Patterns

45 degree

repeating-linear-gradient

single color / transparency

anim w background-position

Cut off corner using gradient

LOREM ipsum dimusn trixus flixbus

Animate corners

Both corners

rising button

Border patterns

Skew'd

Clip Path

CAN BE ANIMATED - as long as its the same type e.g. polygon w same number of points

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum maximus libero, in ornare nunc tincidunt sit amet. Ut efficitur maximus molestie. Phasellus sed egestas elit, sed pharetra erat. Vivamus et facilisis dui. Etiam id neque quis sapien rutrum vulputate vitae sit amet tellus. Morbi a feugiat erat, at finibus dui. Fusce feugiat eros in ex mattis tempus. Suspendisse ullamcorper tellus at est tempor, tristique egestas neque hendrerit. Nunc massa leo, sodales at nisl finibus, porta sagittis magna. Nunc ultrices rutrum viverra.