Some small Css tips #006

vanaf1979

Stephan Nijman

Posted on February 15, 2021

Some small Css tips #006

To continue on my previous post here are some more tweets with little Css tips that might help you in your projects.

Css child selector


Css child selector docs: https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator


:focus with Adjacent Sibling Combinator



focus docs: https://developer.mozilla.org/en-US/docs/Web/CSS/:focus
Adjacent Sibling Combinator docs: https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_combinator


Swap out colors using custom properties



Blog post: https://dev.to/vanaf1979/swap-out-text-colors-with-css-custom-properties-4gg


Centering using Grid


Skew cards



Css skewY() docs: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/skewY()


Subscribe and Follow

Subscribe to my Youtube channel.

Follow me on Twitter

Thanks for reading/watching and stay safe

💖 💪 🙅 🚩
vanaf1979
Stephan Nijman

Posted on February 15, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related