Sådan omdøbes en Git-gren
At vide, hvordan man omdøber en filial i Git, er en praktisk færdighed. Du er måske en af de sjældne mennesker, der har en urokkelig plan for, hvad dine filialnavne skal være
Sådan laver du en svæveeffekt i Figma
Figma giver brugerne mulighed for at designe og tilpasse mange funktioner. En af de funktioner, du kan bruge til at forbedre brugeroplevelsen, er en hover-effekt. Svæveeffekten på knapper betyder, at du vil se et andet design, når du flytter markøren hen imod det. Denne effekt i sig selv kan variere, fra en standard, der ændrer farver til mere komplicerede metoder som at ændre rammen eller højlys.
Læs videre for at lære, hvordan du tilføjer en svæveeffekt til dine komponenter i Figma.
Oprettelse af svæveeffekt på knapper
Du kan konfigurere en hover-effekt, hvis du ønsker, at din komponent skal have en bestemt interaktion og overgang, når du holder markøren over den. Det mest ligetil resultat, du kan oprette, er at ændre knappens farve for at fremhæve den, så den kan klikkes. Sådan kan du oprette en svæveeffekt på en knapkomponent:
- Lav knappen.
- Dupliker det og flyt det uden for rammen.
- Skift farven på den duplikerede knap.
- Opret komponenter ved at højreklikke og vælge "Opret komponent" fra menuen eller ved at trykke på "Ctrl + Alt + K" på dit tastatur.
- Klik på fanen "Prototype" i sidebjælken.
- Forbind de to knapkomponenter.
- I rullemenuen "Interaktionsdetaljer" skal du vælge "Mens du svæver".
- Klik på "Åbn overlejring" i den samme menu, og indstil overlejringen til "Manuel".
Når brugeren svæver over den originale knap, bliver den erstattet af den med en anden farve. Du kan også ændre den tekst, der vises på knappen, på lignende måde.
Du bliver nødt til at gentage dette for hver knap.
Oprettelse af svæveeffekt på knapkanter
En anden måde at bruge svæveeffekten på knapkomponenter er at skabe en ramme, der ændres, når du holder markøren over knappen med markøren. Sådan kan du gøre det:
- Opret en knap med enhver tekst indeni.
- Dupliker det.
- Tilføj stregen til duplikatet, fjern fyldningen, og skift farven.
- Klik på fanen "Prototype" i sidebjælken.
- Forbind de to knapkomponenter.
- I rullemenuen "Interaktionsdetaljer" skal du vælge "Mens du svæver".
Når du nu får vist knapeffekten og holder musemarkøren over den, vises de farvede kanter på den.
Brug af Anima Plugin i Figma
En anden måde at tilføje en svæveeffekt i Figma er ved at bruge et design-til-kode-værktøj Anima. Dette plugin har unikke funktioner, du kan implementere, mens du opretter websteder, appikoner eller andre webkomponenter i Figma. Du skal kun vælge, hvilken komponent du vil animere og justere indstillingerne derefter. Sådan gør du:
- Vælg komponenten.
- Åbn Anima plugin.
- Tryk på indstillingen "Hover Effect".
- Vælg effekten (voks, krymp, skyggeglød og mere).
- Tilpas animationseffekter som "Varighed" eller "Kurve".
- Tryk på "Preview"-knappen for at se effekterne.
- Klik på "Gem".
En anden funktion ved Anime-plugin'et er, at du kan tilpasse CSS-overgangen. Med den kan du tage kontrol over animationshastigheden og justere dens indstillinger til dine præferencer eller gøre dem mere naturlige.
Udnyt Figmas svæveeffektfunktion
Uanset om du er professionel designer eller begynder, har du mange funktioner i Figma til at skabe unikke designs og animationer til dine komponenter, ikoner og objekter. Svæveeffekten giver dig mulighed for at ændre tekst eller tilføje fremhævelser, forskellige farver, forskellige rammer og mere. At vide, hvordan man skaber disse effekter er af største betydning for at gøre dit første websted interaktivt og tilføje et personligt præg til det.
Hvilken hover-effekt implementerer du på dine komponenter i Figma? Fortæl os det i kommentarfeltet nedenfor.
Sådan ændres en Git Commit-besked
At ændre en Git-commit-besked kan virke trivielt, men du vil sandsynligvis gøre det ofte. Det er ret vigtigt i versionskontrol, uanset om du har lavet en tastefejl,
Sådan konfigurerer du børnesikring af brandtablet
Amazons Fire-tablet er en populær enhed, der kører på sit eget Android-relaterede operativsystem kaldet Fire OS. Du kan bruge Fire-tabletten til at surfe på
Sådan konfigurerer du e-mail med GoDaddy
Hvis du har et GoDaddy-arbejdsområde og dit eget domæne, giver det mening at oprette en e-mailadresse, der matcher. Dette får din virksomhed til at se professionel ud
Sådan tilføjer du et navn i WhatsApp
Mange af os har været i den der akavede situation, hvor du sender en sms til nogen, og du får et mærkeligt svar. Det viser sig, at den person, du sender en sms, ikke har gemt
De bedste skrifttyper til MIUI-enheder
Hvis du leder efter de bedste skrifttyper til at bruge på dine MIUI-enheder, gør Xiaomi det super nemt. Alt du skal gøre er at downloade den skrifttype du ønsker, gemme den
Sådan rettes Microsoft Teams, der ikke fungerer
Microsoft Teams er blevet det mest populære arbejdskommunikationsværktøj, der overgår selv Skype og Slack. Men det kan ikke hjælpe dig, hvis det ikke virker. Hvis
Sådan tilføjes et soundboard i Discord
Soundboard er et computerprogram, der hjælper applikationer som Discord med at skabe fede lydeffekter. Det giver dig også mulighed for at uploade forskellige lyde til
Git: Sådan fjerner du en fil fra Commit
Ulykker sker, hvis du arbejder i Git. Du har muligvis ved et uheld inkluderet en fil, der ikke burde være der, eller din forpligtelse er ikke særlig klar. Disse er bare
Frembring: Sådan ændres en linjefarve
Lær, hvordan du nemt ændrer linjefarver i Procreate i nogle få trin for at tage din digitale kunst til næste niveau.