Forums

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

Home › Forums › CSS › how to create special div shapes?

  • This topic is empty.
Viewing 7 posts - 16 through 22 (of 22 total)
1 2
  • Author
    Posts
  • June 26, 2013 at 11:33 am #140557
    Paulie_D
    Member

    Give us the link and let US test it.

    June 26, 2013 at 12:22 pm #140572
    Kitty Giraudel
    Participant

    You forgot prefixes.

    June 26, 2013 at 12:25 pm #140576
    Paulie_D
    Member

    The `nth-child` statements aren’t working and neither, apparently are the transforms.

    Remember that you may have to use the prefixs for some of these…not to mention that you haven’t used a black page so other styles and specificity might be overriding some of the styles used.

    June 26, 2013 at 12:28 pm #140578
    Kitty Giraudel
    Participant

    Some properties require vendor prefixes (`-moz-`, `-webkit-`).

    June 26, 2013 at 12:33 pm #140581
    Kitty Giraudel
    Participant

    In your case, transform and transform-origin.

    You might also need to add a class to each `.slice` element like `.slice-1` in your HTML and change every `.slide:nth-of-type(X)` by `.slice-X` in your CSS.

    June 26, 2013 at 2:18 pm #140593
    Kitty Giraudel
    Participant

    > You might also need to add a class to each .slice element like .slice-1 in your HTML and change every .slide:nth-of-type(X) by .slice-X in your CSS.

    June 26, 2013 at 4:08 pm #140611
    Kitty Giraudel
    Participant

    Please, before using the code I gave you be sure to ask Ana Tudor (@thebabydino on Twitter) if she’s okay with this. I know code is open source, and blabla.. Still. :)

  • Author
    Posts
Viewing 7 posts - 16 through 22 (of 22 total)
1 2
  • The forum ‘CSS’ is closed to new topics and replies.