今週のお題「575」
どうも！LSSです！！
久々に、はてなブログのお題記事を書いてみます！
一句献上
しとしとと
都市をしっとり
ひたす雨
縦書きCSS
…といった感じで、５７５となると縦書きで書きたくなりますよね！
CSSには文を縦書きにするプロパティが用意されています。
コード
<p style="writing-mode: vertical-rl; font-size: 200%;">しとしとと<br />都市をしっとり<br />ひたす雨</p>
もうちょっとだけ凝ってみました
しとしとと
都市をしっとり
ひたす雨
コード
<p style="writing-mode: vertical-rl; font-size: 200%;
padding: 1em;
background-image: linear-gradient(105deg,#f0f0e0,#fafae0,#f0f0e0);
background-size: 10px 20px;
">しとしとと<br />都市をしっとり<br />ひたす雨</p>
背景を微妙にテクスチャっぽく？したのと、余白をとってみました。
テキトーな句ですが
俳句には「季語」が必要ですよね。
梅雨をイメージして詠んだつもり…ではありますが、これで梅雨の時期って事になるのかどうかは不明ですｗ
ってなとこで、今回はこのへんで！
次回もまた、よろしくお願いします^^
