The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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:

    # January 29, 2013 at 2:33 pm

    This reply has been reported for inappropriate content.

    Something like this?

    # 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

    This reply has been reported for inappropriate content.

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed