CSSを使ってテキストカラーを半々に表示させる方法 - NxWorld
CSSを使ってテキストカラーが左右または上下で異なるカラーで表示されている見栄えを実装する方法を紹介します。 以下でそれぞれ紹介しているCSSは必要な記述のみ抜き出した形で紹介しているので、デモと全く同じ見栄えにしたい場合はCodePenの表示を切り替えてCSSを確認してください。 また、position: relative;とdisplay: inline-block;の指定は使用箇所によっては別の値に変更したり不要なら削除してください。 疑似要素とdata属性を使う このデモで表示されているようにテキストのカラーが中央を境に半々になっているのを疑似要素とdata属性を使って実装する方法です。 まずHTMLは下記のようなものを使用し、その際に中に記述する内容と同じテキストをdata属性（data-split）にも記述します。
蚊取り線香のような等幅渦巻き上に文字を入力 - 初心者のためのデザイン雑学
スパイラルツールだと内側が狭くなりますが、等幅の渦巻きを簡単に描いてみます。 １．任意の直線を引き「option＋shift」を押しながら移動コピーします。 「command＋D」でそれを繰り返します。 線の数が渦の数になります。 ２．左端のアンカーポイントをダイレクト選択ツールで選択し 一番上のアンカーポイントを2段目のアンカーポイントの上に性格に移動し、 グループにします。 ３．そのオブジェクトを「ブラシパレット」へドラッグします。 ４．ダイアログが表示されますので、「アートブラシ」を選択し「OK」をクリックします。 ５．「アートブラシオプション」が表示されますが、そのままにして「OK」をクリックします。 ６．「楕円形ツール」で正円を描き、登録したブラシをクリックすれば等幅渦巻きが完成します。 ７．等幅渦巻きの一部をダイレクト選択ツールで選択してみて全てが選択されない場合は 線が連結さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lucia Soto - Illustration
