Hvordan gi nytt navn til en Git-gren
Å vite hvordan man gir nytt navn til en filial i Git er en praktisk ferdighet. Du kan være en av de sjeldne personene som har en urokkelig plan for hva grennavnene dine skal være
Hvordan lage en sveveeffekt i Figma
Figma lar brukere designe og tilpasse mange funksjoner. En av funksjonene du kan bruke for å forbedre brukeropplevelsen er en sveveeffekt. Sveveeffekten på knappene betyr at du vil se et annet design når du flytter markøren mot den. Denne effekten i seg selv kan variere, fra en standard som endrer farger til mer kompliserte metoder som å endre rammen eller høydepunkter.
Les videre for å lære hvordan du legger til en sveveeffekt til komponentene dine i Figma.
Lage sveveeffekt på knapper
Du kan sette opp en hover-effekt hvis du vil at komponenten skal ha en spesiell interaksjon og overgang når du holder markøren over den. Det enkleste resultatet du kan lage er å endre knappens farge for å markere den for å klikke. Slik kan du lage en hover-effekt på en knappekomponent:
- Lag knappen.
- Dupliser den og flytt den utenfor rammen.
- Endre fargen på den dupliserte knappen.
- Lag komponenter ved å høyreklikke og velge "Opprett komponent" fra menyen, eller ved å trykke "Ctrl + Alt + K" på tastaturet.
- Klikk på "Prototype"-fanen i sidefeltet.
- Koble til de to knappekomponentene.
- I rullegardinmenyen "Interaksjonsdetaljer" velger du "Mens du holder pekeren."
- Klikk på "Åpne overlegg"-alternativet i samme meny og sett overlegget til "Manuell".
Når brukeren holder musepekeren over den originale knappen, vil den bli erstattet av den med en annen farge. Du kan også endre teksten som vises på knappen på lignende måte.
Du må gjenta dette for hver knapp.
Opprette sveveeffekt på knappekanter
En annen måte å bruke hover-effekten på knappkomponenter er å lage en kantlinje som endres når du holder musepekeren over knappen med markøren. Slik kan du gjøre det:
- Lag en knapp med hvilken som helst tekst inni.
- Dupliser det.
- Legg til streken til duplikatet, fjern fyllet og endre fargen.
- Klikk på "Prototype"-fanen i sidefeltet.
- Koble til de to knappekomponentene.
- I rullegardinmenyen "Interaksjonsdetaljer" velger du "Mens du holder pekeren."
Nå når du forhåndsviser knappeffekten og holder musepekeren over den, vil de fargede kantene vises på den.
Bruker Anima Plugin i Figma
En annen måte å legge til en sveveeffekt i Figma er å bruke et design-til-kode-verktøy Anima. Denne plugin-en har unike funksjoner du kan implementere mens du lager nettsteder, appikoner eller andre nettkomponenter i Figma. Du trenger bare å velge hvilken komponent du vil animere og justere innstillingene deretter. Slik gjør du dette:
- Velg komponenten.
- Åpne Anima-plugin.
- Trykk på alternativet "Hover Effect".
- Velg effekten (voks, krymp, skyggeglød og mer).
- Tilpass animasjonseffekter som «Varighet» eller «Kurve».
- Trykk på "Forhåndsvisning"-knappen for å se effektene.
- Klikk på "Lagre".
En annen funksjon ved Anime-pluginen er at du kan tilpasse CSS-overgangen. Med den kan du ta kontroll over animasjonshastigheten og justere innstillingene til dine preferanser eller gjøre dem mer naturlige.
Dra nytte av Figmas Hover Effect-funksjon
Enten du er profesjonell designer eller nybegynner, har du mange funksjoner i Figma for å lage unike design og animasjoner for komponentene, ikonene og objektene dine. Med sveveeffekten kan du endre tekst eller legge til høydepunkter, forskjellige farger, forskjellige kanter og mer. Å vite hvordan du lager disse effektene er av ytterste viktighet for å gjøre ditt første nettsted interaktivt og gi det et personlig preg.
Hvilken sveveeffekt implementerer du på komponentene dine i Figma? Gi oss beskjed i kommentarfeltet nedenfor.
Hvordan endre en Git Commit-melding
Å endre en Git commit-melding kan virke triviell, men du vil sannsynligvis gjøre det ofte. Det er ganske viktig i versjonskontroll, enten du har skrevet en skrivefeil,
Hvordan sette opp Fire Tablet foreldrekontroll
Amazons Fire-nettbrett er en populær enhet som kjører på sitt eget Android-relaterte operativsystem kalt Fire OS. Du kan bruke Fire-nettbrettet til å surfe på
Slik setter du opp e-post med GoDaddy
Hvis du har et GoDaddy-arbeidsområde og ditt eget domene, er det fornuftig å sette opp en e-postadresse som matcher. Dette får virksomheten din til å se profesjonell og
Hvordan legge til et navn i WhatsApp
Mange av oss har vært i den vanskelige situasjonen der du sender tekstmeldinger til noen og får et merkelig svar. Det viser seg at personen du sender tekstmeldinger ikke lagret
De beste skriftene for MIUI-enheter
Hvis du leter etter de beste fontene du kan bruke på MIUI-enhetene dine, gjør Xiaomi det superenkelt. Alt du trenger å gjøre er å laste ned skriften du ønsker, lagre den
Slik fikser du Microsoft Teams som ikke fungerer
Microsoft Teams har blitt det mest populære arbeidskommunikasjonsverktøyet som overgår til og med Skype og Slack. Men det kan ikke hjelpe deg hvis det ikke fungerer. Hvis
Hvordan legge til et lydbord i Discord
Soundboard er et dataprogram som hjelper applikasjoner som Discord med å lage kule lydeffekter. Den lar deg også laste opp forskjellige lyder til
Git: Slik fjerner du en fil fra Commit
Ulykker skjer hvis du jobber i Git. Du har kanskje ved et uhell inkludert en fil som ikke burde være der, eller forpliktelsen din er ikke veldig tydelig. Disse er bare
Procreate: Hvordan endre en linjefarge
Lær hvordan du enkelt endrer linjefarger i Procreate i noen få trinn for å ta din digitale kunst til neste nivå.