スクロールヒントのアイコンなどをカスタマイズ~スタイルシートCSSジェネレーター~
(スマホ横スライドできます)

スクロールヒントの構成 - 操作パネル
・アイコンパネルの大きさ width: × height: pix
・アイコンパネル背景色
・スクロールヒントメッセージ
最初の表示の前に変更します
・メッセージ文字の色
・メッセージ文字の大きさ px
・手アイコン画像(Data URL)


変更したい画像を、左上の青い枠内に
ドラッグ&ドロップしてください
・手アイコン画像の大きさ width: × height: pix
・矢印アイコン表示


表示 非表示
・スクロールヒント表示時間 スクロールでアイコンは消えます

(注)は、CSSの項目で、は、スクロールヒント起動javascriptの項目です

スクロールヒントCSS、HTMLおよびjavascript

本ページの「スマホスクロールヒントのアイコンなどをカスタマイズ」は、ScrollHintサイトが提供するCSSライブラリーを使用しています。 https://appleple.github.io/scroll-hint/ (ScrollHint MIT License Copyright (c) 2018 Hori Godai)

以下のスクロールヒントCSSコードは、上のフォームの変更が反映されています。




HOME
 最終更新日:2019.11.19(初版)
メール mailto:  掲示板

画像をdataURL Scheme(base64文字列)に変換

手アイコン画像などを変更したい場合は、下の枠内に
ドラッグ&ドロップします!


size:WidthxHight