パーツ
ツール
ブログ
文字を斜めに切ったようなタイトルデザイン
ツール
アイキ...
ファイルを開く
画像検索
画像削除
PNG
JPG
サイズ調整
ツイート
ツイートしました
入力
コード
CSSで文字を斜めに切る
リッチテキストエディター
見出し
見出し1
段落
見出し1
見出し2
見出し3
見出し4
見出し5
見出し6
Font Color
Font Color
カラーを削除
カラーを削除
Font Background Color
Font Background Color
カラーを削除
カラーを削除
Font Size
Font Size
8
9
10
11
12
14
16
18
20
22
24
26
28
30
32
34
36
38
40
42
44
46
48
50
60
70
80
90
100
150
200
文字揃え
文字揃え
左揃え
左揃え
右揃え
右揃え
中央揃え
中央揃え
両端揃え
両端揃え
フォーマットの削除
フォーマットの削除
元に戻す (Ctrl+Z)
元に戻す
やり直し (Ctrl+Y)
やり直し
CSSで文字を斜めに切る
HTML
CSS
JS
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Library
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
before,after疑似要素で「clip-path」を使用し文字を斜めに切ったようにしています。
Photo by
Darkmoon_Art
on
pixabay
B!
タイトル
斜め
clip-path
アイキャッチ画像
PR
在宅ワークで稼げるスキルを身につける テックアカデミーWeb制作講座
フリーランスエンジニアに安心保証
一言入れてツイートしよう
文字数:
投稿画像
ツイートする
PNG
JPG
画像の切り抜き
設定
キャンセル
画像の拡大・縮小
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
200%
300%
400%
500%
ダウンロード
ダウンロードまたは右クリックで画像保存してください。
CDN
コピー
HTML
コピー
CSS
コピー
JavaScript
コピー
CDNライブラリを指定できます。
例)<link href="〜" rel="stylesheet" >
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
保存
Previous
Previous
Next
Next