커서 팩

Blastoise

Blastoise cursor for Chrome - water cannon Pokemon pointer with shell hover hand. Unofficial game fan art.

확장 프로그램에 추가

Blastoise is the evolved form of Wartortle, and the final evolution of Squirtle, a large, tortoise-like Pokémon with some features similar to those of its pre-evolved forms. You'll see Blastoise pointer on the default cursor and shell hover hand when you move over links. Install once in Chrome and it stays until you switch packs.

커서

파일을 다운로드하거나 웹사이트, React, JavaScript, Roblox용 임베드 코드를 복사하세요.

Windows용 커서 다운로드 (.cur)Roblox용 커서 다운로드

CSSJavaScriptReactRoblox

이 CSS를 스타일시트에 붙여넣으세요. 핫스팟 좌표가 이미 포함되어 있습니다.

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

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

이 JavaScript를 붙여넣으면 정확한 핫스팟으로 커서가 적용됩니다.

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/764/arrow.png';
const HOTSPOT_X = 53;
const HOTSPOT_Y = 15;
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/764/arrow.png';
const HOTSPOT_X = 53;
const HOTSPOT_Y = 15;
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/764/arrow.png';
const HOTSPOT_X = 53;
const HOTSPOT_Y = 15;
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/764/arrow.png';
const HOTSPOT_X = 53;
const HOTSPOT_Y = 15;
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/764/arrow.png
-- Hotspot: 53, 15
-- 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 = 53
local HOTSPOT_Y = 15
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/764/arrow.png
-- Hotspot: 53, 15
-- 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 = 53
local HOTSPOT_Y = 15
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)

포인터