筋肉チョットデキル

CSS

1件の投稿があります

borderをグラデーションにしたい

2020年06月18日
1 min read
CSS

backgroundにグラデーションをかける方法 以下のような背景が白のボックスと背景がグラデーションのボックスを重ねることで枠線を表現します。 https://codepen.io/it_fitness_jp/pen/RwroedE ラッパーにグラデーションをかけて中の要素は白色にすると以下のようになり、 https://codepen.io/it_fitness_jp/pen/vYLyVov ラッパーのためにHTMLの構造を変えたくなく、z-indexを使っていいなら疑似要素を使うと以下のようになります。 https://codepen.io/it_fitness_jp/pen/BajQqOe border-imageを使った方法 https://codepen.io/it_fitness_jp/pen/RwroqWO border-image は、 border-image-source , border-image-slice , border-image-width , border-image-outset , border-image-repeat…

Read more

Made with Gatsby& ChakraUi

Yuuki Okamoto • 2020