CSSを使ってテキストカラーを半々に表示させる方法 - NxWorld
CSSを使ってテキストカラーが左右または上下で異なるカラーで表示されている見栄えを実装する方法を紹介します。 以下でそれぞれ紹介しているCSSは必要な記述のみ抜き出した形で紹介しているので、デモと全く同じ見栄えにしたい場合はCodePenの表示を切り替えてCSSを確認してください。 また、position: relative;とdisplay: inline-block;の指定は使用箇所によっては別の値に変更したり不要なら削除してください。 疑似要素とdata属性を使う このデモで表示されているようにテキストのカラーが中央を境に半々になっているのを疑似要素とdata属性を使って実装する方法です。 まずHTMLは下記のようなものを使用し、その際に中に記述する内容と同じテキストをdata属性（data-split）にも記述します。
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
切迫流産・切迫早産 完全攻略サイト「セッパクエストⅣ～伝説の切迫妊婦～」
切迫妊婦向けＲＰＧ風新感覚サイト！切迫流産・切迫早産とは何か、安静の乗り切り方、暇つぶし方法、さらに出産後に必要な育児情報から次の妊娠の話まで、すべてを伝えよう。 この世界は暗黒につつまれている 腹ははり 気持ちは荒れ 子宮頚管は縮んでいる しかし 切迫妊婦は１つの予言を信じそれを待っていた…… この在胎週数 正期産に達し時、光の勇者 現れん！！ ここは魔法と剣が支配する世界。 人々は幸せな生活を送っていたが、闇の皇帝「アヴェ＝シン」が現れ、人々に重税を課した。 生活が苦しくなっていく中、人々は反発し、魔法や剣を駆使して闇の皇帝に挑もうとしたが、 誰一人として生きて帰ってはこなかった。 あるとき、モンスターが徘徊し荒れ果てた大地で、一人の偉大なる預言者が天を仰いだ。 「もうじき、光に選ばれし勇者が誕生し、闇の皇帝を打ち倒す。 再び、この世は光に満ちるであろう！！」 しかし、この予言を聞きつ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
