How can i create these two effects using CSS?

I agree with Dave here. SVG is the way to go for crisp, scalable graphics. You can create them in Illustrator, save as SVG and bam, you’re away.

To help further, I’d need to see a working demo to suggest how to finish it off.