実装目安
1分
カテゴリで絞り込み
カテゴリ： レイアウト, パーツ,
185 件中 81〜100件目 を表示
実装目安
1分
実装目安
1分
実装目安
1分
実装目安
1分
実装目安
1分
実装目安
1分
リンクボタンパーツ（平行四辺形、ホバー時に色反転して枠線を入れる、clip-path使用）
パス会員限定
[ ID : 10642 ]
【パス会員限定】CSSのclip-pathを使用して作成した平行四辺形のリンクボタンパーツ。ホバー時に色反転して枠線を入れるCSSアニメーションを追加。
実装目安
1分
【グリッドレイアウト】PC/SPで要素の並び順が入れ替わるパーツ（見出し・画像・テキスト）
パス会員限定
[ ID : 10681 ]
【パス会員限定】PC時は横並びで左に「画像」、右に「見出し → テキスト」の順番に配置する。一方、SP時は縦積みで「見出し → 画像 → テキスト」の順番に配置する。
実装目安
1分
実装目安
1分
リンクボタンパーツ（菱形、ホバー時に色反転して枠線を入れる、clip-path使用）
パス会員限定
[ ID : 10654 ]
【パス会員限定】CSSのclip-pathを使用して作成した菱形のリンクボタンパーツ。ホバー時に色反転して枠線を入れるCSSアニメーションを追加。
実装目安
1分
実装目安
1分
リンクボタンパーツ（6角形、ホバー時に色反転して枠線を入れる、clip-path使用）
パス会員限定
[ ID : 10632 ]
【パス会員限定】CSSのclip-pathを使用して作成した6角形のリンクボタンパーツ。ホバー時に色反転して枠線を入れるCSSアニメーションを追加。
実装目安
1分
実装目安
1分
実装目安
1分
実装目安
1分
グリッドレイアウト（左もしくは右に大きいグリッドアイテムが1つ）
パス会員限定
[ ID : 10606 ]
【パス会員限定】PC時に左もしくは右に大きいグリッドアイテムを1つ配置したグリッドレイアウト。SP時は2カラムになり、一番上に大きいグリッドアイテムが配置される。
実装目安
1分
リンクボタンパーツ（8角形、ホバー時に色反転して枠線を入れる、clip-path使用）
パス会員限定
[ ID : 10581 ]
【パス会員限定】CSSのclip-pathを使用して作成した8角形のリンクボタンパーツ。ホバー時に色反転して枠線を入れるCSSアニメーションを追加。
実装目安
1分
実装目安
1分
リンクボタンパーツ（ホバー時・ホバー解除時に矢印が左から右に一方向にスライド、矢印はCSSで作成）
パス会員限定
[ ID : 9715 ]
【パス会員限定】ホバー時とホバー解除時に矢印が右側にスライドしながら消えると同時に左側から矢印がスライドしてくるCSSアニメーション付きのリンクボタンパーツ。
実装目安
1分
リンクボタンパーツ（ホバー時・ホバー解除時に矢印が左から右に一方向にスライド、矢印は背景画像）
パス会員限定
[ ID : 9720 ]
【パス会員限定】ホバー時とホバー解除時に矢印が右側にスライドしながら消えると同時に左側から矢印がスライドしてくるCSSアニメーション付きのリンクボタンパーツ。
