Grow your CSS skills. Land your dream job.

How to do this on CSS? ( it’s hard to explain see the picture)

  • # February 14, 2013 at 6:42 am

    Hello all,

    This is pretty arbitrary and probably wont get so may answers, but if any of you have experience on layouts like this let me know your secrets. See the image what I mean.

    http://www.dropbox.com/s/8bpbf19emulbhfm/problem.png

    It’s about the small shadows that create the effect of a three dimensional shape. I could have 1px wide pseudo elements and then position them to be the borders of the boxes but that’s kinda hacky, then again, maybe the only way.

    Now I’ve been using a wrapping element and borders. Could also use box-shadow but I need to support IE8.

    Thanks!

    # February 14, 2013 at 6:59 am

    I really dont see what your asking for. The css version almost looks identical to the image one.

    # February 14, 2013 at 7:05 am

    Here….zoom in to see closer: http://codepen.io/anon/pen/ixlBn

    Just tweak the shades of grey to taste.

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