1.023world - ヤドカリパークとマリンアクアリウム -

海洋の仕組みと細菌・微生物から学ぶマリンアクアリウムサイト

1.023world Facebook

結果 Oh! Life (旧ブログ)

懲りずに書いてみたりする結果オーライな日記

偶然のアート by Firefox 3.0 + CSS

最近ブログがくどいので、ちょっと休憩です。

たまたま CSS で遊んでいたら、Firefox 3.0 限定で綺麗な模様が生まれました。

Firefoxに現れた偶然のアート

綺麗でしょ?
しかも CSS では一色しか使ってないのに3色出現してます。

ちなみに、これを連想させるようなコードは組んでません(笑)

<html>
<head>
<title>CSS TEST</title>
<style type="text/css">
<!--
div {
  width:0;
  height:0;
  border:dotted 40px #369;
}
div.top {
  border-bottom:0;
}
div.bottom {
  border-top:0;
}
-->
</style>
</head>
<body>
  <div class="top"></div>
  <div class="bottom"></div>
</body>
</html>

同じ Firefox でも 2.0 では現れませんでした。
もちろん、他のブラウザでも。
Firefox 3.0 にのみ光臨(笑)
お暇な方はこのソースを Firefox 3.0 でご検証くださいまし。

ま、何の役にも立ちませんが。。。

こちらのエントリーもどうぞ♪