css– category –

今回はclip-pathプロパティを用いて、三角形をCSSで簡単に作る方法をご紹介します！ 【 の指定方法】 まずは、clip-path: poligon()で三角形を作る場合はカンマ区切りで...

前の要素、次の要素。 次の次の要素。　その他隣接した要素の指定方法のいろいろをご紹介します！ 【今回の基本のHTML】 今回の基本のHTML <ul> <li>前の要...

吹き出しあり！ホバーでキラッと！電話番号ボタン 1 See the Pen button_solid01 by noz (@noz3) on CodePen. 吹き出しあり！アニメーションで常にキラッと！電話番号ボ...

迷った時に便利なジェネレーターを３つご紹介します！ 【時短に！選べるグラデーション(front-end tools)】 70種類以上のグラデーションサンプルから選べるコピーツール...

見出しに使える！！　テープタイトル [ys_icon name="codepen"] リボン見出しのバリエーションの備忘録〜 See the Pen Untitled by noz (@noz3) on CodePen.

今は当たり前の、よく使うレスポンシブ ハンバーガーメニュー。よく使うのでメモ代わりに残していっちゃいます！ 【nav①　シンプルハンバーガーメニュー】 　シンプルな...

ステップバー HTML ▼ <div class="step_content"> <div class="step_barwrap"> <div class="step_title"> <div class="step_circle"><span&...