커서 팩

GTA

GTA cursor for Chrome - gaming themed pointer with player hover hand. Video game fan art.

확장 프로그램에 추가

The Games Cursor Collection has added a new cursor to their vast selection - a GTA cursor for browsers. This cursor features the iconic logo of the Grand Theft Auto franchise and is designed to give any gamer's browsing experience an extra touch of cool. The cursor is available for download on the Games Cursor Collection website, where users can choose from a variety of other gaming-themed cursors to personalize their computer. With the addition of the GTA cursor, the Games Cursor Collection has expanded its offerings to cater to a wider audience of gaming enthusiasts.

커서

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

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

CSSJavaScriptReactRoblox

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

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

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

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

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

포인터