DEV Community

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

Posted on • Originally published at since1979.dev

17 5

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

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

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! :)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs