Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Possible to create this using only CSS?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #40010
    isuru
    Participant

    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.

    #124283
    Paulie_D
    Member

    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.

    #124287
    Kitty Giraudel
    Participant

    > 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)
  • The forum ‘CSS’ is closed to new topics and replies.