Skip to content

HTML5お絵カキコで拡大時にぼやけないやつ by gimmickgang

Screenshot of HTML5お絵カキコで拡大時にぼやけないやつ

Details

Authorgimmickgang

LicenseCC0

Categorydic.nicovideo.jp,ニコニコ大百科,nicovideo

Created

Updated

Size504 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

ニコニコ大百科,HTML5お絵カキコ,HTML5お絵カキコで拡大時にぼやけないやつ

Notes


■導入方法

ユーザースタイルシート管理ブラウザ拡張機能/アドオン「Stylus」を追加してStylusにこのスタイルシートをインストールしてください。 (Stylus導入済みなら上の「Install」ボタンから追加できます。)

拡大表示時にドットがぼやけないCSSがユーザースタイルシートにて適用されるため、ぼやけなくなります。
右上(アドレスバー横)の拡張機能ボタンのStylusの管理画面から
有効/無効を切り替えることで元の拡大表示形式に戻せるので
普通のお絵カキコと素材作成時などの切り替えに使ってください。


↓1ドット枠グリッド線(縦横)のユーザースタイルシート


↓ボタン名表示のユーザースタイルシート

yyyaさん制作



ニコニコ大百科,HTML5お絵カキコ,ドット絵

Source code

/* ==UserStyle==
@name         HTML5お絵カキコで拡大時にぼやけないやつ
@version      20220504.14.45
@namespace    userstyles.world/user/gimmickgang
@description  ニコニコ大百科,HTML5お絵カキコ,拡大時にぼやけないやつ
@author       gimmickgang
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://dic.nicovideo.jp/p/tegaki/") {
#OEditBlog {
    image-rendering: pixelated;
}

#OImgBlog {
    image-rendering: pixelated;
}
}

Reviews

No reviews yet.