cover image

Wraptasのコピペで使えるサンプル集

こちらはWraptasでCSS編集などを利用してデザインなどを変更できるサンプルのデモを掲載しているページです。html挿入などが伴う編集や、実際に動いているデモとして閲覧できるサンプル集となります。
 
見た目のちょっとした変更にはこちらのサンプルCSS集もあります。
 
セクションごとに色分けするデモ2021/10/13 4:572021/10/13 4:57Calloutを吹き出しのようにするCalloutを吹き出しのようにする2021/10/13 4:572021/10/18 6:59LinkをボタンっぽくするデザインLinkをボタンっぽくするデザイン2021/10/13 4:572021/10/13 4:57ページリンクで画像を表示するサンプルページリンクで画像を表示するサンプル2021/10/13 4:572021/10/13 4:57画像にリンクを配置する方法2021/10/13 4:572021/10/13 4:57画像の通常表示アスペクト比と拡大アスペクト比の違うサンプル2021/10/13 4:572021/10/13 4:57カレンダービューサンプル2021/10/13 4:572021/10/13 4:57スクロール追従するSNSボタン2021/10/13 4:572021/10/13 4:57スマートフォン時のメニューボタンのアイコンを細く2021/10/13 4:572021/10/13 4:57スマートフォンの場合のブックマークをTwitterカードのような表示に変更2021/10/13 4:572021/10/14 2:50動画をファーストビューに設定するサンプル2021/10/13 4:572021/10/13 4:57スクロールバーの見た目を変更する2021/10/13 4:572021/10/13 4:57ギャラリービューをカード風にする2021/10/13 4:572021/10/13 4:57スクロールヒントを出すサンプル2021/10/15 5:002021/10/15 5:39PCで画面に追従するコンテンツ2021/10/14 5:452021/10/15 5:39カラム内カラムを利用しながらサイドバーを作ってみるカラム内カラムを利用しながらサイドバーを作ってみる2021/10/18 6:102021/10/18 7:19