20 Websites med Creative MouseOver Effect

I webdesign selv en mindste effekt kan ændre den samlede brugeroplevelse. Dette kan enten være en glitcheffekt, en bounce-effekt eller endda en simpel lydeffekt. En af disse virkninger, bliver ofte brugt i webdesign i disse dage er hover eller mouseover effekten. Denne overgangseffekt kan ses, når du flytter musen over et bestemt element som gør det glide ud, ændre farve eller animere.

Ideen bag mouseover effekt er at reducere indsatsen som brugeren skal lave til Se flere detaljer, adgangsoplysninger eller se forskellige visninger på hjemmesiden. En god svæveffekt kan spare plads for at vise mere information i mest klog måde muligt.

Så for at give mine læsere en få eksempler på denne interessante effekt, Jeg har samlet 20 kreative eksempler på hjemmesider med mouseover effekt. Bare rul ned, Åbn hjemmesiden, spil rundt og se selv hvor fantastisk svæveffekten ser ud.

Pixels af Tomer Lerner

Det er en meget kreativ hjemmeside med en sort / hvid hjemmeside, der viser anderledes geometriske former dans og transformere når du flytter markøren hen over dem.

Haus

Haus er webstedet for et interaktivt agentur, som elsker teknologi og humor. Mouseover tegneserie figurer på skærmen og se hvordan de hopper og løber.

Canva

Canva er en tjeneste til oprettelse af forskellige tekstbaserede billeder. Deres hjemmeside har en mørk sløret baggrund, men når du svæver markøren over det, kan du se Området rydder op og viser billederne i baggrunden, ligesom et sletteværktøj.

Mainworks

Det er en porteføljeside for Mainworks kreative medieproduktionsstudio. Mouseover eller klik på prikkerne på linjen for at se deres projekter.

Cedric Pereira

Dette er Cedric Pereiras porteføljes websted i pastelltoner. Når du rul over kategorierne på hjemmesiden, de skift farver og billeder. Også, når du musen over et billede, dets grænser bevæger sig.

Bullmonk

Bullmonk er et forretningsmandingswebsted med a simpel SVG animation på hjemmesiden. Bare musen over det meshed rektangel for at se hvordan huller dannes i den.

InSymbiosis

InSymbiosis giver biopharma industrien en alternativ strategi at fremskynde lægemiddeludviklingsprogrammer. Flyt din mus for at se fantastisk mikrointeraktioner med tekst, knapper og baggrundselementer.

OUI R Creative Studio

OUI R er a tværfagligt designstudio dedikeret til at skabe produkter baseret på kreative visuelle ideer. Når du placerer musemarkøren på billederne, skal de vis information og med mus scoll flytter du over til næste billede.

Minnim

Minnim har en Interaktiv hjemmeside med farverige linjekredse som bevæger sig med musepude. Du kan generer en ny cykel genstand med logo ved hjælp af din mus.

Fuld pakke

Full Bundle er et kreativt digitalt bureau. Deres hjemmeside er opdelt i to kolonner: logik med blå trekanter og kreativitet med røde firkanter. Når du holder musen over disse elementer, de hoppe på en meget flydende måde.

FS Untitled

FS Untitled inviterer besøgende til at vælge et navn til skrifttypens ansigt. Hjemmesiden viser celler, når du klikker, fører til demoen for den pågældende skrifttype.

Trainrobber

Trainrobber er en AR og VR agentur der producerer banebrydende underholdende oplevelser for mærker. Som du svæver musen på hjemmesiden, forskellige elementer bevæger sig vandret som en technicolor vestlig film. Kategoriene animerer også med mouseover.

Sakura International Inc.

Sakura er et Japan-baseret firma, der er fokuseret på menneskelige netværk. Du kan Forbind prikkerne i baggrunden med et enkelt bevægelse af musen.

Fan Studio

Fan Studio er et tegneserieagtigt websted, der skaber mobilspil og apps. At skabe bevægelse baggrunden bevæger sig sammen med din musemarkør.

Studio rotere

Det er en brand og design studio hjemmeside det hjælper kunder med at opnå online tilstedeværelse. De har en hjemmeside med hvid baggrund og en cirkel. Men når du Klik på knappen Menu, et billede vises i cirklen.

TheMcBrideCompany

TheMcBrideCompany hjemmeside har et smukt landskabsbillede, der er sløret. Når du flytte markøren over baggrunden, et lille område omkring markøren bliver tydeligt. Det ser fantastisk ud.

Clever Franke

Clever Franke er et interaktivt design bureau, der kombinerer strategi, design og teknologi til udvikle innovative produkter og tjenester. Titlerne på hjemmesiden genererer dynamisk og automatisk, som ligner magi. Når du flytte markøren over de breve, de får fordrevet, men falder tilbage om et sekund.

Message Design Center

Message Design Center hjemmeside har et unikt design. Deres hjemmeside funktioner Levende titler med polygongeometri. Når du holder musen over disse titler, de blive større og begyndte at deformere.

Just Coded

Just Coded har en fantastisk mørk baggrund med prikker danner et lærred. Når du mus over dette lærred, ser det ud til at være levende, fordi det begynder at flytte og ændre perspektiv.

Kinetic Apps

Det er en prisbelønnet hjemmeside for et digitalt bureau, der bruger patentanmeldt teknologi til at bygge websteder og apps til iOS- og android-enheder. Det Hjemmesiden ligner himlen, og når du mouseover det virker som dig Vælg retning for at flyve.