DEV Community

loading...
Cover image for Some small Css tips #008

Some small Css tips #008

vanaf1979 profile image Stephan Nijman Originally published at since1979.dev ・1 min read

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

Discussion (4)

pic
Editor guide
Collapse
signorgatto profile image
Signor Gatto

The last is pretty cool. Good job.

Collapse
vanaf1979 profile image
Stephan Nijman Author

Thank you SIgnor. Glad you liked it! :)

Collapse
obscuregit profile image
Obscure-Git

Number 1 is really cool.

Collapse
vanaf1979 profile image
Stephan Nijman Author

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