CSSだけで作る。JavaScript不使用。
スクロール量で変化する背景
2025-11-21時点では、Chrome、Edge、Safari で動作します。
2025-11-21時点では、Firefox(145.0.1)は動作いたしません。
2025年11月初版
このサイトについてのお問い合わせはエーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。
このサイトについてのお問い合わせはエーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。
このページでお気付きの点がございましたら
ご連絡いただけますと幸いです。
返答が必要な場合はメールアドレスを
ご記入ください。
ご連絡いただけますと幸いです。
返答が必要な場合はメールアドレスを
ご記入ください。
- Eメール(任意)
- 送信内容
- エーオーシステム コーポレートサイト
https://www.aosystem.co.jp/ - エーオーシステム プロダクトサイト
https://ao-system.net/ - レンタルサーバー
- ウェブシステム開発
- バーチャル展示会
- ウェブカタログサービス
- チャットウィジェット
- スタンプラリー
- LINE獣害報告システム
- ウェブサイト(ホームページ)制作
- Android アプリ
- iOS (iPhone,iPad) アプリ
- Flutter開発
- UnrealEngineでアプリ開発
- 画像生成AIの活用
- Windowsアプリ
- 3Dグラフィック制作
- プログラミング記録QuickAnswer
- スカイボックス 3D SKY BOX
このページのQRコード
便利ウェブサイト
IPv4,IPv6
- ユーザーエージェント,IPアドレス
- CIDR/サブネットマスク IPアドレス計算
- サブネットマスクからCIDRへ置換
- CIDRからサブネットマスクへ置換
- IPアドレスから国名表示 IPv4
- IPv4の割当範囲を表示
- IPアドレス一覧を2進数へ変換
- 文字列からIPv4抽出
- 日本国内に割り当てられたIPv4一覧
- 日本国内に割り当てられたIPv6一覧
動画
- 動画からアニメWebP生成
- 動画からアニメPNG生成 APNG
- 動画からアニメGIF生成
- 動画サムネイル生成
- 動画から静止画切り出し
- アニメーションWebP作成
- アニメーションPNG作成 APNG
- アニメーションGIF作成
画像
- 画像フォーマット相互変換
- Exif情報表示
- 画像縮小回転
- 画像リサイズ一括 リアルタイム版
- 迷路作成 SVG版
- 迷路作成 Illustrator版
- ジグソーパズル作成
- Photoshop PSDビューワー
- ハッチングパターンSVG作成
- 水玉模様SVG作成
アイコン
- ファビコン作成 リアルタイム 5サイズ版
- ファビコン作成 リアルタイム 9サイズ版
- ファビコン作成 リアルタイム 3サイズ版(旧版)
- ファビコン作成 リアルタイム(旧版)
- ファビコン作成(旧版)
- マルチアイコン作成
- マルチアイコン作成 リアルタイム版
- ウインドウズアイコン作成
- ウインドウズアイコン作成 リアルタイム版
- ファビコン一括生成
- ファビコン一括生成 リアルタイム版
- 半透明マルチアイコン、ファビコン作成
- JavaScriptでファビコン
- icoファイルに含まれる画像表示
文字列
- 康煕部首こうきぶしゅ PDF文字化け正常化
- ソート、ユニーク 並び替えと重複削除
- パス一覧からファイル名抽出
- 文字数カウント
- 文章の文字数を数える
- 全角文字チェッカー
- 全角文字の確認と一括置換
- 半角カナを全角に変換
- ギャル文字変換
- PDFから検索用テキスト生成
- 文字列デコード メールの読めない文字を表示
- レターアート
QRコード
- QRコード作成 Illustrator版
- QRコード作成 SVG版
- QRコード作成 Excel版
- QRコード作成 HTML版
- QRコード作成 PNG,GIF,JPG版
- 画像のQRコードをデコード QR読み取り
Excel
- ExcelからHTMLテーブル変換 Ver.2
- ExcelからHTMLテーブル変換 Ver.1
- ExcelからHTMLテーブル、スタイルシート生成
- ExcelからPNG画像へ変換 WebPも対応
- ExcelからSVG画像へ変換
- 画像をExcelに変換 Image to Excel
- Excelでレターアート
- 迷路作成 Excel版
- QRコード作成 Excel版
- amazon購入履歴をExcel変換
SVG
- SVG最適化 コンパクト化
- SVG編集
- SVGをインラインで埋め込み dataURL
読み上げ
- テキスト読み上げ(長文対応版)
- テキスト読み上げ
HTML,CSS
- クライアント領域サイズ表示
- HTMLテーブル構造ジェネレーター
- CSVビューワー
- XMLビューワー
- メールアドレスをJavaScript化
- スクロールバーカラー scrollbar color
- 迷路作成 HTML版
- CSSコンパクト化
- HTMLコンパクト化
- JavaScriptコンパクト化
- フォントサイズ px - em 計算
色
- 近似色生成 カラークリエイター
- Android開発 色コード一覧表
- HTMLカラー一覧表
- VisualStudioカラーコード表
- ホワイトボード 黒板
3D
- Normal Map Generator
- スカイスフィアビューワー
- スカイボックスビューワー
- BOXカバー画像作成
- DVDカバー画像作成
- ラーメンどんぶり研究所
音
- 音発生器
- 効果音 SE生成 Sound Generator
ビット、バイト
- バイトコード列(10進数)をデコード
- バイトコード列(16進数)をデコード
- 10進数16進数変換バイトコード列(1バイト版)
- 10進数16進数変換バイトコード列(2バイト版)
- アスキーコード表 制御文字をコピーできる
データベース
- SQLテーブル構造からフィールド名
- SQLテーブル構造からプロパティ
- SQLデータビューワー
- SQLデータCSV変換
カレンダー系
- 西暦 和暦 十干 十二支 うるう年 年齢 一覧
- 月齢カレンダー
- 日の出・日の入り時刻カレンダー
- 六曜カレンダー
- 戌の日カレンダー
- 厄年早見表
- 八方塞年表
- バイオリズム計算
インターネット
- winmail.dat変換 ファイル取り出し
- Base64エンコード、インラインイメージ
- 文字列をBase64エンコード
- Base64文字列をデコード
- .htpasswd作成 ベーシック認証
- エンティティ変換
- エンティティ文字列デコード
- URLエンコード/デコード
開発
- Android Studio strings.xml の生成
- iOS Xcode Localizable.strings の生成
- Flutter arb strings の生成
- 画像切り替え スイッチャー,スワイパー
- 画像切り替え canvas版
- 画像切り替え peel ページめくり
- 画像切り替え サムネイル付き
- 画像切り替え サムネイル付き02
- 画像切り替え zoom ズーム
- 画像切り替え スワイパー
- 画像切り替え html挿入式
- 画像切り替え html挿入式リンクボタン付き
- shadowDOM カテゴリマーク
- shadowDOM コピー機能付きtextarea
- shadowDOM ソート機能付きtextarea
- shadowDOM 読み上げ付きtextarea
- shadowDOM スライドアニメーションボタン
- shadowDOM トグルセレクト
- shadowDOM トグルスイッチ
- shadowDOM セレクト
- shadowDOM ジッパー
- shadowDOM ジッパー縦
- ページ背景 バブルやアメーバの様
- ページ背景 桜の花びらの様
- ページ背景 速度表現 左から右へ移動
- ページ背景 ガラスの様
- ページ背景 波の様
- ページ背景 バブルの様 泡が沸き上がる
- ページ背景 風船の様 次々と舞い上がる
- ページ背景 マウス移動に反応する球体
- ページ背景 風船の様 ゲーム風仕上げ
- スクロールで変化するページ背景
- スクロールでクロール(横スライド)する画像
- スライドアニメーションのボタン
- ズームしながら切り替わる画像
- ダイアログを背景クリックで閉じる
- ダイアログ背景に×バツ印
- CSSでハンバーガーメニュー
- インスタグラムウィジェット
- 画像のワイプ切り替えをCSSで実現
- ネスト記法CSSを動的にフラット記法へ変換
- 画像ビューワー
- カルーセル01
- カルーセル02
- カルーセル03
- スライダー01
ビンゴ大会開催システム(Wタイプ) 自動更新
- ビンゴ大会開催システム(Wタイプ) 抽選機
- ビンゴ大会開催システム(Wタイプ) カード
ビンゴ(Pタイプ) 自動更新
- ビンゴ(Pタイプ) 抽選機
- ビンゴ(Pタイプ) カード多言語対応
- ビンゴ(Pタイプ) カード02
- ビンゴ(Pタイプ) カード03
- ビンゴ(Pタイプ) カード04
- ビンゴ(Pタイプ) カード05
ビンゴ(Aタイプ) 抽選機+カード
- ビンゴゲーム 抽選機+カード 通常版
- ビンゴゲーム 抽選機+カード 50ボール版
- ビンゴゲーム 抽選機+カード 25ボール版
- ビンゴゲーム 抽選機+カード 27ボール版
- ビンゴゲーム 抽選機+カード 18ボール版
- ビンゴゲーム 抽選機+カード 9ボール版
ビンゴ(Mタイプ) 手動更新
- ビンゴ抽選機 オリジナル版
- ビンゴ抽選機 ジグソーパズル版
- ビンゴ抽選機 クリスマス版
- ビンゴ抽選機 ハロウィン版
- ビンゴ抽選機 お正月版
- ビンゴ抽選機 桜版
- ビンゴ抽選機 ひまわり版
- ビンゴ抽選機 ホイール版
- ビンゴ抽選機 パネル版
- ビンゴ抽選機 ライン版
- ビンゴ抽選機 アウトライン版
- ビンゴ抽選機 ジッパー(ファスナー)版
- ビンゴ抽選機 3D版
- ビンゴ スコアボード
- ビンゴカード 01
- ビンゴカード 02
- ビンゴカード 03
- ビンゴカード 04
- ビンゴカード 05
- ビンゴカード手作り PDF A4用紙に6個
- ビンゴカード手作り PDF A4用紙に2個
抽選機等
- 抽選機 万能タイプ
- ガラガラ抽選機
- 三角くじ 祭りくじ
- ニキシー管抽選機
- スロット抽選機
- ハウジーカード
- じゃんけんマシーン
- ルーレット盤 アメリカンスタイル
- コイントスマシーン
パズル、ゲーム
- フリーセル カードゲーム(PWA)
- カルキュレーション カードゲーム(PWA)
- モグラの穴掘りパズル(PWA)
- 25パズル(PWA版)
- ギア・コンビネーション ギア組み
- トランプゲーム スピード
- トランプゲーム 七並べ
- ハーデス槍撃 リーチ目チェッカー
- ゴッド凱旋リーチ目チェッカー
- ハーデス冥王召喚リーチ目チェッカー
- パチスロBOOWYリーチ目チェッカー
- いろはに愛姫カウンター設定判別
- アナターのオット!?はーです リーチ目チェッカー
- パチスロ ディスクアップ ビタ押しチャレンジ
他
- AIと会話
- ユニックスタイムを日時変換
- 郵便番号から地名
- 郵便番号,デジタルアドレスから地名 日本郵便のAPI
- 経過時間表示
- ラーメンタイマー(PWA)
- 基礎代謝量計算
- 地図表示 オープンストリートマップ 国土地理院
- 緯度経度 2点間の距離計算
- ISO3166 国コード一覧表
- SNSシェアデバッガー Facebook Twitter
- シュレッダーで粉砕 書いて気分すっきり
便利 Steam アプリ
便利 Android アプリ
便利 iOS(iPhone,iPad) アプリ
