border-image

参考:

border-image | MDN

使い方

参考:

border-image の普通の書き方 – Qiita

画像を使ってボーダーをデザインする | GRAYCODE HTML & CSS

CSS border-image の使い方 – 要素のボーダー (枠線) に画像を表示させる | ウェブランサー

border-image | CSS3 リファレンス (htmq.com)

グラデーション

参考:

border-image でグラデーションのボーダー | FirstLayout

CSS だけで border-bottom にグラデーションをかけてみよう!| JunJunWeb.Net

CSS でボーダーにグラデーションをかける方法3つ | ノラ WEB 屋 野良人 のらんど

最近増えてきたグラデーションのボーダーを CSS で実装するさまざまなテクニック | コリス

Gradient Borders and Border Images in Pure CSS | Alligator.io

Gradient Borders in CSS | CSS-Tricks

border-image-slice

参考:

border-image-slice | MDN

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です