🤖

BingがCSSで創作した詩

2023/10/19に公開

MicrosoftのBingに、CSSの書き方を質問したときに、CSSで詩を創ることができますと言って、このコードを書いてくれました。
マウスオーバーの効果を使っています。
Bingは、創作力があると思いました。

/* 春の詩 */

@charset "UTF-8";

body {
  font-family: "メイリオ", Meiryo, sans-serif;
  background-color: #f0f8ff;
}

h1 {
  text-align: center;
  font-size: 36px;
  color: #ff69b4;
}

p {
  text-align: center;
  font-size: 24px;
  color: #0000cd;
}

p::before {
  content: "春は来た";
}

p::after {
  content: "花は咲いた";
}

p:hover::before {
  content: "鳥は鳴いた";
}

p:hover::after {
  content: "風は吹いた";
}

Discussion