İmleç paketi

InuYasha Shippo and Kirara

Anime318 kez eklendi

Browse with InuYasha Shippo and Kirara - a Chrome cursor featuring themed custom pointer and matching hover. Chrome cursor fan

Uzantıya Ekle

InuYasha, Shippo, and Kirara are now available as browser cursors from Anime Cursor Collection. Fans of the popular anime can now customize their browsing experience by using these cute and playful cursors. InuYasha, the half-demon protagonist, is accompanied by his companions Shippo, a small fox demon, and Kirara, a two-tailed demon cat. These cursors are the perfect way to show off your love for InuYasha and his friends while browsing the internet. Download them now and add a touch of anime to your daily browsing.

İmleç

Dosyayı indirin veya web siteniz, React, JavaScript ya da Roblox için yerleştirme kodunu kopyalayın.

Windows için imleci indir (.cur)Roblox için imleci indir

CSSJavaScriptReactRoblox

Bu CSS'i stil sayfanıza yapıştırın. Etkin nokta koordinatları zaten dahildir.

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

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

İmleci doğru etkin noktayla uygulamak için bu JavaScript'i yapıştırın.

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10665/arrow.png';
const HOTSPOT_X = 1;
const HOTSPOT_Y = 1;
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/10665/arrow.png';
const HOTSPOT_X = 1;
const HOTSPOT_Y = 1;
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;

Bu React bileşenini kopyalayın ve içeriğinizi onunla sarmalayın.

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10665/arrow.png';
const HOTSPOT_X = 1;
const HOTSPOT_Y = 1;
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/10665/arrow.png';
const HOTSPOT_X = 1;
const HOTSPOT_Y = 1;
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>

Görseli Roblox'a yükleyin, YOUR_ASSET_ID kısmını değiştirin, ardından bu LocalScript'i yapıştırın.

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/10665/arrow.png
-- Hotspot: 1, 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 = 1
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/10665/arrow.png
-- Hotspot: 1, 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 = 1
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)

İşaretçi