Pack di cursori

Pusheen is upset

PusheenAggiunto 1704 volte

Pusheen is upset cursor for Chrome - meme styled pointer with reaction hover hand. Internet culture fan art.

Aggiungi all'Estensione

Pusheen, the beloved cartoon cat, is feeling down and disheartened. You can sense her emotions through the new Pusheen upset cursor for your browser from the Pusheen Cursor Collection. With her droopy eyes and downturned whiskers, Pusheen exudes a feeling of sadness that will tug at your heartstrings. Use this cursor to express your own feelings of disappointment or to empathize with those around you. Whatever the reason, Pusheen's upset cursor will help you convey your emotions in a cute and quirky way.

Cursore

Scarica il file o copia il codice di incorporamento per il tuo sito web, React, JavaScript o Roblox.

Scarica il cursore per Windows (.cur)Scarica il cursore per Roblox

CSSJavaScriptReactRoblox

Incolla questo CSS nel tuo foglio di stile. Le coordinate dell'hotspot sono già incluse.

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

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

Incolla questo JavaScript per applicare il cursore con l'hotspot corretto.

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

Copia questo componente React e avvolgi il tuo contenuto con esso.

import React from 'react';

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

Carica l'immagine su Roblox, sostituisci YOUR_ASSET_ID, quindi incolla questo LocalScript.

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/10785/arrow.png
-- Hotspot: 10, 12
-- 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 = 10
local HOTSPOT_Y = 12
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/10785/arrow.png
-- Hotspot: 10, 12
-- 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 = 10
local HOTSPOT_Y = 12
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)

Puntatore