


wink-cursor on kergekaaluline React komponent, mis asendab vaikimisi sĂŒsteemi kursori kohandatud pildiga â ja paneb selle iga klĂ”psu peale "pilgutama". Staatilise kursori asemel nĂ€evad kasutajad mĂ€ngulist emotikonit vĂ”i ikooni, mis lĂŒhidalt muutub pilgutavaks animatsiooniks, kui nad rakenduses kuhugi klĂ”psavad. Komponent on loodud lihtsust silmas pidades: paigalda see, lisa oma React rakendusse ja see töötab ĂŒle terve lehe ilma igasuguse konfiguratsioonita.
Saate mÀÀrata mis tahes pildi URL-i nii tavalise kursori kui ka klĂ”psuga kĂ€ivituva pilgutuspildi jaoks. size atribuut vĂ”imaldab teil kontrollida kursori mÔÔtmeid pikslites, nii et see sobib teie disainiga â olgu sooviks vĂ€ike emotikon vĂ”i suurem brĂ€nditud ikoon.
duration atribuut mÀÀrab, kui kaua pilgutuspilt pĂ€rast klĂ”psu nĂ€htavale jÀÀb (millisekundites). See annab teile peene kontrolli animatsiooni tunde ĂŒle â alates kiirest vĂ€lgatusest kuni pikema mĂ€ngulise efektini.
Komponent on avaldatud ĂŒhe npm paketina ilma raskete sĂ”ltuvusteta. Paigaldamine on ĂŒks kĂ€sk ja kasutamine nĂ”uab vaid ĂŒhte importi ja ĂŒhte JSX silti. Pole vaja CSS-i ĂŒlekirjutusi ega globaalseid stiilimuudatusi.
"VĂ€ike rÔÔm lĂ€heb kaugele â eriti sisseelamisel, maandumislehtedel ja loovates projektides."
Enamik veebiliideseid tunduvad puhtalt tehingulised. wink-cursor muudab igapĂ€evase tegevuse â klĂ”psamise â ĂŒllatuse hetkeks. Selle asemel, et ehitada kohandatud hĂ”ljumisolekuid vĂ”i animatsioonijadasid, saate valmis mikrointeraktsiooni, mis töötab ĂŒle terve rakenduse. Pilgutuse efekt on piisavalt peen, et mitte segada, kuid piisavalt mĂ€rgatav, et panna kasutajaid naeratama. See on haruldane nĂ€ide UI komponendist, mis seab rÔÔmu kasulikkusest ettepoole, ilma jĂ”udlust ohverdamata.
Ehitate React rakendust, mis vajaks veidi isikupĂ€ra â eriti maandumislehtede, sisseelamisvoogude, portfooliote vĂ”i muude projektide jaoks, kus esmamuljed on olulised. Kui olete kunagi soovinud, et teie kursor tunduks vĂ€hem tööriistana ja rohkem tegelasena, siis wink-cursor pakub seda vĂ€hem kui 10 koodireaga.
Teised tööriistad, mida vÔiksid kaaluda
Loading commentsâŠ
Looja
mocha_byte
KĂŒlasta veebisaiti
npmjs.com/package/wink-cursor
Projekti info
Toote mÀrksÔnad
Saavutus