background-clipの検索結果1 - 2 件 / 2件

• あとで読む

  【CSS／実験】background-clipをカンマ区切りにしてみた - Little Strange Software

  • 6 users
  • little-strange.hatenablog.com
  • テクノロジー
  • 2021/11/05

  どうも！LSSです！！ 今回の記事では、試験的に 実験中です ↑こんなものを作ってみます。 まえがき background-clipの基本を確認 まず、ベースとする要素と装飾を次のように用意しました。 border-boxの場合 padding-boxの場合 content-boxの場合 textの場合 ここから本題！複数のグラデーションを一つの要素に あとがき まえがき CSSに「background-clip」というプロパティがあります。 これは、要素に対して背景画像を「background-image」で指定する際に、「要素の中のどれだけの範囲に対して背景画像を適用するか」を指定するプロパティで、値として指定する候補は「border-box」「padding-box」「content-box」「text」があります。 このブログではそのうち「text」を、「グラデーション文字」として

  
• あとで読む

  Make creative borders with background-clip border-area

  • 5 users
  • webkit.org
  • テクノロジー
  • 2024/11/21

  How’d you like to use CSS to easily create a border from an image or gradient? Like this… For years, we’ve had the ability to create a border using border-image — where an image gets sliced up into nine pieces and reassembled to separately construct the corners and sides of a box. Now with background-clip: border-area, we can instead apply a background image to a border. It can simply fill the who

  • css