Search

Nalezeno "cursor": 20

AI Coding Tool Cursor Raises $60 Million at a $400 Million Valuation

24.8.2024
Cursor, an artificial intelligence (AI) company that seeks to “create a magical tool with the aim of writing all of the world’s software,” has announced it has raised $60 million in its Series A funding round. The round had the participation of Andreessen Horowitz, Thrive Capital...

Hades 2: Essential Settings To Tweak

7.5.2024
Hades 2 hit Early Access on May 6, giving those eager for a sequel to the Hugo and Nebula Award-winning action RPG roguelike a chance to jump in. We’ve already covered some starting Hades 2 tips, whether you’re a newcomer or a Hades vet, as well as some essential info for taking down Headmistress...

Gooey Cursor Effect

7.6.2023
A fun gooey cursor background effect with SVG filters and CSS blend modes

Hover Preview Effect with Mini Map

1.3.2022
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor. The post Hover Preview Effect with Mini Map appeared first on Codrops

So, You Want to Build an @mention Autocomplete Feature?

1.11.2021
We’re all familiar with the concept of autocompletion, right? You type something into a search box and it tries to guess what you’re looking for as you type, displaying suggestions, often below the cursor. While we’re used to autocomplete on … The post So, You Want to Build an @mention...

Dynamic CSS Masks with Custom Properties and GSAP

4.5.2021
Learn how to animate CSS masks based on the cursor position using GSAP and custom properties for a unique spotlight effect. The post Dynamic CSS Masks with Custom Properties and GSAP appeared first on Codrops

Insert Cursor at Any Position at Command Line

11.3.2021
As much as I enjoy writing lengthy pieces of JavaScript APIs, techniques, and other tech brilliance, I very much enjoy providing people quick tips to make their daily dev lives better. This is one such post. Oftentimes I’m working with long command line directives, and as you can imagine,...

How to Map Mouse Position in CSS

1.3.2021
Let’s look at how to get the user’s mouse position and map it into CSS custom properties: --positionX and --positionY. We could do this in JavaScript. If we did, we could do things like make make an element … The post How to Map Mouse Position in CSS appeared first on CSS-Tricks. You...

The :focus-visible Trick

16.10.2020
Always worth repeating: all interactive elements should have a focus style. That way, a keyboard user can tell when they have moved focus to that element. But if you use :focus alone for this, it has a side effect that a lot of people don’t like. It means that when you click (with a mouse)...

Can you get valid CSS property values from the browser?

19.8.2020
I had someone write in with this very legit question. Lea just blogged about how you can get valid CSS properties themselves from the browser. That’s like this. CodePen Embed Fallback That gives you, for example, the fact that cursor is a thing. But then how do you know what valid values...

SVG Title vs. HTML Title Attribute

30.7.2020
You know the title attribute? I can do this: <div title="The Title"I'm a div with a `title` </div And now if I’m on a device with a mouse pointer and hover the cursor over that element, I get… Which, uh, I guess is something. I sometimes use it for things like putting...

Animated Custom Cursor Effects

24.3.2020
Some ideas for interactive custom cursor animations using SVG filters. Animated Custom Cursor Effects was written by Mary Lou and published on Codrops

Can you rotate the cursor in CSS?

28.8.2019
Kinda! There is no simple or standard way to do it, but it's possible. You can change the cursor to different built-in native versions with CSS with the cursor property, but that doesn't help much here. You can also use that property to set a static image as the cursor. But again that doesn't help...

Well, Typetura seems fun

1.2.2019
I came across this update from Scott Kellum's and Sal Hernandez's project Typetura via my Medium feed this morning, and what a delight?! (Also, wow, I really have been out of the game for a minute.) Typetura.js is a fluid design solution, for any property, based on any input. It’s not for just...

Custom Cursor Effects

31.1.2019
A collection of five demos and a tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels. Custom Cursor Effects was written by Stefan Kaltenegger and published on Codrops

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace