Matt Read, The Weblog

Abusing monkeys since 2003

Main Navigation


The Canadian Flag, In CSS

I was over at Stu Nicholls today and saw this really cool British flag completely done up in CSS. So I investigated a little futher, figured out how to do "diagonals" in CSS, and started work on my own.

After wasting about an hour and a half, I came up with my version of the Canadian Flag. Yes that's right all done in CSS, including the maple leaf. The maple leaf is a little ... off, but still, it was fun trying to figure out what triangles go where. And if you have IE, well it probably won't work, sorry. But let me know what you think. ...


Comments

  1. Comment by cLin

    2005-03-02 10:00:08

    Makes me want to make a China one hahahah

  2. Comment by Scoutn

    2005-03-02 14:44:13

    I might just have to try to one up ya and make it wave. ;)

    Good job Matt.

  3. Comment by Firas

    2005-03-03 00:30:38

    Cool!

  4. Comment by Chris

    2005-03-03 06:45:07

    Diagonals? I didn't even know that was possible. If you know a resource on how to do that beyond my parsing your flag's code I'd appreciate it.

  5. Comment by Belgian Flag in CSS | Archives | Math Jazz

    2005-03-12 20:44:18

    [...]
    Inspired by Anne van Kesteren’s Dutch flag in CSS, which was in turn inspired by the Canadian flag in CSS linking a British flag i [...]

  6. Comment by Belgian Flag in CSS | Archives | Math Jazz

    2005-03-12 20:46:49

    [...]
    Inspired by Anne van Kesteren’s Dutch flag in CSS, which was in turn inspired by the Canadian flag in CSS linking a British flag i [...]

  7. Comment by pixeladas aleatórias

    2005-03-14 02:53:38

    Guerra de pixels com CSS

    O CSS House é uma boa referência do que é possível fazer com o CSS. Mas estas demonstrações estão passando das meras demonstrações para o campo das batalhas pixelares. Até aonde se sa...

  8. Comment by detrimental postulation » how open is open?

    2005-03-31 15:34:27

    [...] valid fund-raising tool for the open source project they adore. In other news, CSS Flags: clever? pointless? both? [...]

  9. Comment by Belgian Flag in CSS | Math Jazz

    2005-05-28 20:31:27

    [...]

    Inspired by Anne van Kesteren’s Dutch flag in CSS, which was in turn inspired by the Canadian flag in CSS linking a British flag i [...]

  10. Comment by Luke

    2005-08-03 03:52:22

    OMFG THTS LYK SOO FUKIN' AWESOME!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!


Leave a Comment

Your Information (required)