今回は、ボックスの縁が光るような表現をCSSで実装する方法について解説しています🥳♪
ポイントは、CSSのoffset-pathプロパティとbackground-clipプロパティです❗️
要素が縁に沿って動く表現にも使えるので、ぜひ試してみてください☺️❗️
🎥 この動画の構成 🎥
00:00 縁が光るボックスのサンプル
00:10 HTMLを書く
01:29 ポイント1. background-clipで透明のボーダーを作る。
03:17 ポイント2. offset-path、offset-distanceを使って、縁に沿って動く要素を作る。
✏️✏️✏️ヒロコードが直接指導のWebデザインスクール 🥳✨
「ヒロコードアカデミー」はこちら👇
https://lp.hirocodeweb.com/
✅ ご視聴いただきありがとうございます🙇♂️
この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️
👇『HIROCODE.ヒロコード』をチャンネル登録する 👇
http://www.youtube.com/hirocode?sub_confirmation=1
#htmlcss #コーディング #webデザイン
