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

Alternating stripes with css gradients.

CodePen example: https://codepen.io/Since1979/pen/poNzVvJ?editors=1100

Css linear gradient docs: https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient()

Css caret-color and placeholder

Codepen: https://codepen.io/Since1979/pen/eYBYBYG

Caret-color docs: https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color

::placeholder docs: https://developer.mozilla.org/en-US/docs/Web

Responsive images with object-fit cover.

CodePen: https://codepen.io/Since1979/pen/xxRbrKB?editors=1100

Object-fit docs: https://developer.mozilla.org/en-US/docs/Web

Multi step animations with @keyframes

CodePen: https://codepen.io/Since1979/pen/QWKmNKe

Keyframes mdn docs: https://developer.mozilla.org/en-US/docs/Web

Subscribe and Follow

Subscribe to my Youtube channel.

Follow me on Twitter

Thanks for reading/watching and stay safe

Share:

Leave a Reply