Matt Read, The Weblog

Abusing monkeys since 2003

Main Navigation


The Canadian Flag, In CSS

Tuesday, March 1st 2005

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

The opinions expressed in comments are entirely the responsibility of the various contributors. While I will do everything within reason to ensure that they are not defamatory, I accept no liability for them or the content of links included in them.

  1. Comment by cLin

    2005-03-02T05:00:08-05:00 EST

    Makes me want to make a China one hahahah

  2. Comment by Scoutn

    2005-03-02T09:44:13-05:00 EST

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

    Good job Matt.

  3. Comment by Firas

    2005-03-02T19:30:38-05:00 EST

    Cool!

  4. Comment by Chris

    2005-03-03T01:45:07-05:00 EST

    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-12T15:44:18-05:00 EST

    [...]

    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-12T15:46:49-05:00 EST

    [...]

    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-13T21:53:38-05:00 EST

    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-31T10:34:27-05:00 EST

    [...] 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-28T16:31:27-04:00 EDT

    [...]

    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-02T23:52:22-04:00 EDT

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


Leave a Comment

Before leaving a comment, please ensure you have read and understand my comments policy and my privacy policy. Any comment that does not abide by the comment policy will be deleted immediately.

Your Information (required)