Conversation

Notices

1. Embed this notice
   なつき🍜Webデザイナー (stocker_jp@mstdn.jp)'s status on Friday, 21-Apr-2023 11:01:52 JST なつき🍜Webデザイナー

   ?第2回連載? 「1枚の画像で新しいCSSがわかる」? 今回は、background-clip✂️ です！要素の背景表示領域を指定できるプロパティです。テキストの形に切り抜くことも可能で、表現の幅がグッと広がります? クリエイティブなデザインを楽しみましょう！?✨ #CSS

   • Embed this notice
     なつき🍜Webデザイナー (stocker_jp@mstdn.jp)'s status on Friday, 21-Apr-2023 11:03:25 JST なつき🍜Webデザイナー

     in reply to

     background-clip のHTML・CSSサンプルはこちら！
     https://codepen.io/stocker_jp/pen/JjNzOyR

   • Embed this notice
     なつき🍜Webデザイナー (stocker_jp@mstdn.jp)'s status on Friday, 21-Apr-2023 11:07:24 JST なつき🍜Webデザイナー

     in reply to

     ✨CSSの魔法✨ background-clipを使って、テキストをマスクしメインビジュアルを制作する方法を解説?した記事です。
     https://stocker.jp/diary/main-visual-css/