border-image

参考:

border-image | MDN

使い方

参考:

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

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

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

border-image | HTML クイックリファレンス

グラデーション

参考:

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

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

CSS でボーダーにグラデーションをかける方法 3つ | 野良人

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

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

Gradient Borders in CSS | CSS-Tricks

border-image-slice

参考:

border-image-slice | MDN

記事をシェアする:
タグ:

コメントを残す

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

Protected by reCAPTCHA