isuru

# February 12, 2013 at 3:29 pm

Please see [this](//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](//codepen.io/Isuru-Nanayakkara/pen/cxksu “”) is the code I have written so far.

Thank you.

Paulie_D

# 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.

Hugo Giraudel

# 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.