Forums

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

Home › Forums › CSS › [Solved] Responsive Hexagon clip/mask with image

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 15, 2015 at 2:17 am #205071
    NoobSimon
    Participant

    Hexagon’s, SVG’s, Clips and Masks. It’s driving me mad.

    How can I create a responsive hexagon with and image inside of it. So far I have come up with this but when I use percentages it all goes wrong.

    http://codepen.io/aggressivedigital/pen/EjRwMy

    update:
    I have managed to find this:
    http://codepen.io/aggressivedigital/pen/JdZajB

    Im very new to SVG, Clips and paths so im not sure what im doing. Can I make it a class and not and ID?

    July 15, 2015 at 3:20 am #205072
    Paulie_D
    Member

    Well, for a start, your image isn’t square.

    Could that be it?

    July 15, 2015 at 3:26 am #205073
    NoobSimon
    Participant

    Haha yes I just figured that out out too.
    Which got me looking at keeping a div at a 1:1 ratio.

    Thanks for your help.

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