Marvis Chukwudimharv.hashnode.dev·Feb 27, 2024How To Create A Custom Cursor Using CSSIntroduction If you've tried using a custom icon or image as your cursor and your browser fails to recognise the image, this article is for you. Custom cursors are user-defined images or icons that replace the standard cursor on a computer screen. Th...2 likes·77 readsBase64
Muhammad Bilalmbilal546.hashnode.dev·Jan 21, 2024Make a Custom Cursor in JavaScriptOUTPUT of the given code Use the following code: HTML code. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Custom Cursor</title> // Use thi...custom cursor in javascript
Samuel Uzorsamueluzor.hashnode.dev·Dec 6, 2023Enhance User Experience: Designing a unique mouse cursor using CSSIn your search for design inspiration, as a front-end developer, you have probably come across some incredible design ideas when perusing random websites or even designs on Dribble or Pinterest. Among the many wonderful and elegant designs, you may f...27 readsCSS
Sudwipto Kumar Mondalsudwipto.hashnode.dev·Jun 13, 2023Don't always have a boring cursor. Please!When you hover over an element of a webpage, your cursor also tells a story. It defines what to do with that element.For example, when you hover over an element and see that little hand-icon (pointer), you know you can click it. It's a natural thing....1 like·61 readsHTML5
Vaisakh Npvaisakhnp.hashnode.dev·May 14, 2023Custom Cursor using Framer MotionThis will be a short article since this is a fairly straightforward thing to do. Libraries Used Framer Motion: A motion animation library that works perfectly with ReactJS Project Setup Setup a Barebones React/NextJS project using any template. I'...22 likes·60 readsframer-motion
