Grow your CSS skills. Land your dream job.

Possible to create this using only CSS?

  • # February 12, 2013 at 3:29 pm

    Please see [this](http://i.imgur.com/OuruwfV.jpg “”) image. Is it possible to create this using CSS only? I have created the rounded corners and the thick border.

    But I don’t know how to get the slight shine effect (please refer the image to get a better understanding).
    Is it possible to do this in CSS? If so how?

    [Here](http://codepen.io/Isuru-Nanayakkara/pen/cxksu “”) is the code I have written so far.

    Thank you.

    # February 12, 2013 at 3:36 pm

    You would need to use a gradient border to get that color shading.

    It won’t be easy though.

    What might be an alternative is to put the gradient as a background to the whole #phone div and add an internal div for the white content box.

    # February 12, 2013 at 3:46 pm

    > What might be an alternative is to put the gradient as a background to the whole #phone div and add an internal div for the white content box.

    This.

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

You must be logged in to reply to this topic.

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