www.webdeveloper.com
Results 1 to 3 of 3

Thread: Shadow effect without edges

  1. #1
    Join Date
    Dec 2011
    Posts
    23

    Shadow effect without edges

    Im trying to design a content divider with a box shadow effect. (below is an example of the effect I'm trying to reproduce.)

    http://i50.tinypic.com/le4yd.png

    I'm having trouble replicating the drop shadow effect without creating unwanted edges on the left and right corners.

    The drop shadow effect attached to content divider (in the picture above) appears to be slightly curved.

    Any ideas would be much appreciated

  2. #2
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,112
    You may have to work with radial gradients instead of box shadows to achieve a curve:
    https://developer.mozilla.org/en-US/...adial-gradient
    I'm always up for networking with fellow web professionals. Connect with me on LinkedIn if you like!

  3. #3
    Join Date
    Dec 2011
    Posts
    23

    thanks

    for solving my problem

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles