Q&A
前提・実現したいこと
]
こちらは、illustratorで作成したテキストなのですが、見て取れる通り、平行四辺形に合うように左右をスライドさせています。
これを、CSSでもテキストの編集としてできるのでしょうか。
それともあらかじめPNGなどで画像データとしてだしてから、配置すべきなのでしょうか？
ご存じの方いらっしゃいましたら、お教えください。
回答3件
0
ベストアンサー
CSSでできないことはないですが、イラレで作っているなら、SVGにしてHTMLに組み込んだ方が良いかもしれません。
HTML
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <title>斜め</title> 6 <style> 7 .naname { 8 transform: skewy(0.95turn); 9 } 10 </style> 11</head> 12<body> 13 <div class="naname"> 14 あいうえお 15 </div> 16 <div class="naname"> 17 かきくけこ 18 </div> 19</body> 20</html>
投稿2021/02/14 13:20
総合スコア21737
0
「CSS テキスト 斜め」で出てくるような情報で確認して試行錯誤すれば、ある程度可能というのは見えるかと思いますが、1px単位を求めるのでしたら背景透過画像準備するのが簡単ではないでしょうか。
投稿2021/02/14 08:08
総合スコア80875
0
完全再現は難しいかもしれませんが、transform等↓や
https://sunagitsune.com/csstransformrotate/
アニメーション系のライブラリがあるのでライブラリを探していけば
近いことを実現できるようなものはあるかもしれません。
https://photoshopvip.net/120163
テキスト css ライブラリ などで検索すると色々ヒットすると思います。
投稿2021/02/14 10:12
総合スコア349
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/02/15 09:09