Forums

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

Home Forums CSS [Solved] Complex css with just one div?

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #174367
    nixnerd
    Participant

    How is this being done?

    http://codepen.io/sambeckham/pen/yEmpz

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

    Can someone please explain this?

    #174369
    Paulie_D
    Member

    It’s a massive exercise in box-shadows.

    Kinda like this one from a few days ago.

    http://codepen.io/Paulie-D/pen/zsIHL

    #174373
    nixnerd
    Participant

    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.

    #174374
    nixnerd
    Participant

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

    #174375
    Alan C
    Participant

    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.

    http://codepen.io/codingcarpenter/pen/eimvt

    #174393
    Josh
    Participant

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