サポート » 使い方全般 » 見出しのデザイン変更

  • 解決済 kcndkq

    (@kcndkq)


    ジャジャーン(https://jajaaan.co.jp/css/css-headline/)のリボンの装飾が付いた見出し2が気に入り実装しようと思うのですが、黄色の部分をなくしたいです。どうすればいいのでしょうか。
    また、赤色の部分を5色のグラデーションにしたいです。どうすればいいのでしょうか。

    ヘルプの必要なページ: [リンクを見るにはログイン]

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • Aoba Momouchi

    (@aoixtreme)

    リボンが2つの部品からできているので難しいですね。無理やりであれば、上半分にグラデーションをかけるとして、例えばこのようなものはいかがでしょうか。

    h2 span {
      background: #fa4141;
    }
    h2 span {
      background: linear-gradient(orange,#fa4141,#fa4141);
    }

    orangeの部分が色指定です。
    CSS3ではborderにグラデーションがかけられませんので、単純にできるのはこれが限界かと思います。

    トピック投稿者 kcndkq

    (@kcndkq)

    グラデーションがかけられないことはわかりました。
    黄色い部分をなくすことも出来ないのでしょうか。

    Aoba Momouchi

    (@aoixtreme)

    サンプル画像では背景が黄色になっていますが、掲載されているCSSに黄色の指定は入っていません。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「見出しのデザイン変更」には新たに返信することはできません。