DEV Community

Cover image for Some small Css tips #008
Stephan Nijman
Stephan Nijman

Posted on • Originally published at since1979.dev

Some small Css tips #008

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.



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


Css caret-color and placeholder



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


Making selections with Css pseudo-selectors.

I didn't put out a new video this week, but you might have missed this first one.

Also check out my blog post: https://dev.to/vanaf1979/making-selections-with-css-pseudo-selectors-30p7


Responsive images with object-fit cover.



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


Multi-step animations with @keyframes




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


Subscribe and Follow

Subscribe to my Youtube channel.

Follow me on Twitter

Thanks for reading/watching and stay safe

Top comments (4)

Collapse
 
signorgatto profile image
Signor Gatto

The last is pretty cool. Good job.

Collapse
 
vanaf1979 profile image
Stephan Nijman

Thank you SIgnor. Glad you liked it! :)

Collapse
 
kritishd8 profile image
Obscure.

Number 1 is really cool.

Collapse
 
vanaf1979 profile image
Stephan Nijman

Yeah... There are some many cool things that we can do with css gradients! :)