CSS で文字を長体(もしくは平体)にする
Published Mar 1, 2025
⋅
Updated Mar 15, 2025
CSS で文字を長体(もしくは平体)にするには scale
と width
を組み合わせ、文字を含むコンテナーを伸縮した分だけ幅を伸縮させる。
石段を登り切ると、朱塗りの本堂が姿を現す。境内には落葉が敷き詰められ、足音を吸い込む静寂が広がる。風鈴の音色が微風に乗り、遠方山々の色彩が目に染みる。古来より変わらぬ風景に身を置き、俗世の雑念が消え去る感覚。深呼吸一つで心が澄み渡る瞬間だった。
p {
scale: 0.8 1;
width: 125%;
}
石段を登り切ると、朱塗りの本堂が姿を現す。境内には落葉が敷き詰められ、足音を吸い込む静寂が広がる。風鈴の音色が微風に乗り、遠方山々の色彩が目に染みる。古来より変わらぬ風景に身を置き、俗世の雑念が消え去る感覚。深呼吸一つで心が澄み渡る瞬間だった。
p {
scale: 1.25 1;
width: 80%;
}
ちなみに文章は AI が生成。
参考