Grow your CSS skills. Land your dream job.

CSS3 TV, using border-radius

  • # January 29, 2013 at 2:12 pm

    Has anyone had any success using just border radius to make an old-school CRT tube TV?

    I’m not talking about a CSS shape, I want to apply the shape to images.

    The closest I could find is here: http://jsfiddle.net/cmRHp/1/

    # January 29, 2013 at 2:33 pm

    Something like this? http://cdpn.io/zihdl

    # February 5, 2013 at 12:06 pm

    Hey… that’s not bad, howler. I think that’s the closest we can get with CSS3.

    # February 5, 2013 at 12:21 pm

    Thanks! Yeah, you could probably make it a little nicer with some tweaking, but if you really want full control you’ll have to use an image or SVG.

    # February 5, 2013 at 3:24 pm

    Hmmm, I didn’t think of SVG. I forked and tweaked your pen, just having a little fun with the shapes.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".