カーソルパック

Naruto Uzumaki

Naruto Konoha953回追加されました

Browse with Naruto Uzumaki - a Chrome cursor featuring shinobi pointer and ninja hover. Naruto anime fan art.

拡張機能に追加

Be the ultimate Naruto fan with the Naruto Uzumaki cursor from the Naruto Cursor Collection! This custom cursor will bring your browsing experience to the next level as you navigate through your favorite websites. Featuring Naruto's iconic orange outfit and spiky blonde hair, this cursor will remind you of his unwavering determination to become Hokage. Download the Naruto Uzumaki cursor now and become the ultimate ninja in your online adventures.

カーソル

ファイルをダウンロードするか、ウェブサイト、React、JavaScript、Roblox用の埋め込みコードをコピーしてください。

Windows用カーソルをダウンロード (.cur)Roblox用カーソルをダウンロード

CSSJavaScriptReactRoblox

このCSSをスタイルシートに貼り付けてください。ホットスポットの座標は既に含まれています。

.custom-cursor {
  cursor: url('https://cute-cursor.com/cdn/packs/10508/arrow.png') 0 0, auto;
}

.custom-cursor {
  cursor: url('https://cute-cursor.com/cdn/packs/10508/arrow.png') 0 0, auto;
}

このJavaScriptを貼り付けると、正しいホットスポットでカーソルが適用されます。

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10508/arrow.png';
const HOTSPOT_X = 0;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'auto';

const cursorValue = `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`;

// Apply to the whole page
document.body.style.cursor = cursorValue;

// Or apply to a specific element
// const target = document.querySelector('.my-element');
// if (target) target.style.cursor = cursorValue;

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10508/arrow.png';
const HOTSPOT_X = 0;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'auto';

const cursorValue = `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`;

// Apply to the whole page
document.body.style.cursor = cursorValue;

// Or apply to a specific element
// const target = document.querySelector('.my-element');
// if (target) target.style.cursor = cursorValue;

このReactコンポーネントをコピーし、コンテンツをその中にラップしてください。

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10508/arrow.png';
const HOTSPOT_X = 0;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'auto';

export default function CustomCursor({ children, className = '', as: Tag = 'div', style = {}, ...props }) {
  const cursorStyle = {
    cursor: `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`,
    ...style,
  };

  return (
    <Tag className={className} style={cursorStyle} {...props}>
      {children}
    </Tag>
  );
}

// Usage:
// <CustomCursor>Your content</CustomCursor>

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10508/arrow.png';
const HOTSPOT_X = 0;
const HOTSPOT_Y = 0;
const CURSOR_FALLBACK = 'auto';

export default function CustomCursor({ children, className = '', as: Tag = 'div', style = {}, ...props }) {
  const cursorStyle = {
    cursor: `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`,
    ...style,
  };

  return (
    <Tag className={className} style={cursorStyle} {...props}>
      {children}
    </Tag>
  );
}

// Usage:
// <CustomCursor>Your content</CustomCursor>

画像をRobloxにアップロードし、YOUR_ASSET_IDを置き換えてから、このLocalScriptを貼り付けてください。

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/10508/arrow.png
-- Hotspot: 0, 0
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 0
local HOTSPOT_Y = 0
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/10508/arrow.png
-- Hotspot: 0, 0
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 0
local HOTSPOT_Y = 0
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)

ポインター

ファイルをダウンロードするか、ウェブサイト、React、JavaScript、Roblox用の埋め込みコードをコピーしてください。

Windows用ポインターをダウンロード (.cur)Roblox用ポインターをダウンロード

CSSJavaScriptReactRoblox

このCSSをスタイルシートに貼り付けてください。ホットスポットの座標は既に含まれています。

.custom-pointer {
  cursor: url('https://cute-cursor.com/cdn/packs/10508/hand.png') 32 1, pointer;
}

.custom-pointer {
  cursor: url('https://cute-cursor.com/cdn/packs/10508/hand.png') 32 1, pointer;
}

このJavaScriptを貼り付けると、正しいホットスポットでカーソルが適用されます。

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10508/hand.png';
const HOTSPOT_X = 32;
const HOTSPOT_Y = 1;
const CURSOR_FALLBACK = 'pointer';

const cursorValue = `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`;

// Apply to the whole page
document.body.style.cursor = cursorValue;

// Or apply to a specific element
// const target = document.querySelector('.my-element');
// if (target) target.style.cursor = cursorValue;

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10508/hand.png';
const HOTSPOT_X = 32;
const HOTSPOT_Y = 1;
const CURSOR_FALLBACK = 'pointer';

const cursorValue = `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`;

// Apply to the whole page
document.body.style.cursor = cursorValue;

// Or apply to a specific element
// const target = document.querySelector('.my-element');
// if (target) target.style.cursor = cursorValue;

このReactコンポーネントをコピーし、コンテンツをその中にラップしてください。

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10508/hand.png';
const HOTSPOT_X = 32;
const HOTSPOT_Y = 1;
const CURSOR_FALLBACK = 'pointer';

export default function CustomPointer({ children, className = '', as: Tag = 'div', style = {}, ...props }) {
  const cursorStyle = {
    cursor: `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`,
    ...style,
  };

  return (
    <Tag className={className} style={cursorStyle} {...props}>
      {children}
    </Tag>
  );
}

// Usage:
// <CustomPointer>Your content</CustomPointer>

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10508/hand.png';
const HOTSPOT_X = 32;
const HOTSPOT_Y = 1;
const CURSOR_FALLBACK = 'pointer';

export default function CustomPointer({ children, className = '', as: Tag = 'div', style = {}, ...props }) {
  const cursorStyle = {
    cursor: `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`,
    ...style,
  };

  return (
    <Tag className={className} style={cursorStyle} {...props}>
      {children}
    </Tag>
  );
}

// Usage:
// <CustomPointer>Your content</CustomPointer>

画像をRobloxにアップロードし、YOUR_ASSET_IDを置き換えてから、このLocalScriptを貼り付けてください。

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/10508/hand.png
-- Hotspot: 32, 1
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 32
local HOTSPOT_Y = 1
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/10508/hand.png
-- Hotspot: 32, 1
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 32
local HOTSPOT_Y = 1
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)

Naruto Uzumaki

カーソルファイル

カーソル

ポインター

カーソルチェンジャー拡張機能を入手

フローティングパネル

拡張機能をインストール

ソーシャルメディアで共有

インストール方法

Naruto Uzumaki

カーソルファイル

カーソル

ポインター

Naruto Konohaカテゴリーの関連カーソルパック

Among Us Naruto Character cursor

Naruto Uzumaki cursor

Naruto Pixel cursor

Naruto cursor

Anime Naruto cursor

カーソルチェンジャー拡張機能を入手