Grow your CSS skills. Land your dream job.

[Solved] Complex css with just one div?

  • NIX
    # July 2, 2014 at 10:04 am

    How is this being done?

    There’s only one div but some how the SCSS is replicating it, rather than just styling it.

    Can someone please explain this?

    # July 2, 2014 at 10:09 am

    It’s a massive exercise in box-shadows.

    Kinda like this one from a few days ago.

    NIX
    # July 2, 2014 at 10:33 am

    I don’t really understand how it works though. I guess I’ll just have to look at the code some more.

    The way I would do it it is to have like 1000 divs. This looks much more efficient.

    NIX
    # July 2, 2014 at 10:34 am

    So basically, the root if you will, and the rest of the squares are just offset box shadows?

    # July 2, 2014 at 10:39 am

    Exactly, they are just lines and lines and lines of duplicated box-shadows with different coordinates. I did a super simple one you can see here.

    # July 2, 2014 at 12:50 pm

    The confusion for me is in the scss method. Clearly I’ve got a lot of gaps in how to use sass :P

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

You must be logged in to reply to this topic.

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