Wraptasのコピペで使えるサンプル集
セクション
セクション
Wraptasのコピペで使えるサンプル集
2021/10/13
13:57
2024/4/1
9:35
こちらはWraptasでCSS編集などを利用してデザインなどを変更できるサンプルのデモを掲載しているページです。html挿入などが伴う編集や、実際に動いているデモとして閲覧できるサンプル集となります。
見た目のちょっとした変更にはこちらのサンプルCSS集もあります。
サンプルCSS集
コピペで使えるCSS集です。 こちらには小さめの変更などがすぐできるCSSを記述しております。 デモサイト CSSの大幅な変更でレイアウトなどを大きく変えたい場合のデモ及びサンプルはこちらのサイトにまとめています。 ヘッダーを隠す ヘッダーをスクロールに追従させない カバー画像を非表示にする ページアイコンがある場合とない場合で上部の隙間の調整が入っていますので、そのためのCSSを追加して
https://wraptas.com/css_sample
セクションごとに色分けする機能
2021/10/3
13:57
2022/2/1
8:53
Calloutを吹き出しのようにする
2021/10/3
13:57
2021/10/1
15:59
【非推奨】Linkをボタンっぽくするデザイン
2021/10/3
13:57
2022/9/5
11:38
ページリンクで画像を表示するサンプル
2021/10/3
13:57
2021/10/3
13:57
画像にリンクを配置する方法
2021/10/3
13:57
2023/5/4
10:31
画像の通常表示アスペクト比と拡大アスペクト比の違うサンプル
2021/10/3
13:57
2021/10/3
13:57
カレンダービューサンプル
2021/10/3
13:57
2021/10/3
13:57
スクロール追従するツイートボタン
2021/10/3
13:57
2022/6/5
17:07
スマートフォン時のメニューボタンのアイコンを細く
2021/10/3
13:57
2021/10/3
13:57
スマートフォンの場合のブックマークをTwitterカードのような表示に変更
2021/10/3
13:57
2021/10/4
11:50
スクロールバーの見た目を変更する
2021/10/3
13:57
2021/10/3
13:57
ギャラリービューをカード風にする
2021/10/3
13:57
2021/12/3
17:30
スクロールヒントを出すサンプル
2021/10/5
14:00
2021/12/1
10:29
PCで画面に追従するコンテンツ
2021/10/4
14:45
2024/1/5
10:19
コード埋め込みでのHTML挿入機能
2021/12/4
17:21
2024/6/2
17:06
クリップボードにコピーボタンを設置する
2022/5/4
16:02
2022/6/5
17:17
常に画面下についてくるCTAボタンを設置する
2022/6/5
17:07
2022/6/5
17:36
リンクボタン機能の使い方
2022/7/2
15:10
2023/12/1
14:40
Slick.jsを利用したスライド・カルーセルの実装
2023/4/4
10:29
2023/9/1
10:55
YouTubeをファーストビューで自動再生する
2023/8/3
14:52
2024/4/4
9:42
Xでポスト